安装react环境(一)Node.js安装流程

安装node.js的过程中参考了一些资料,非常感谢那些作者,下面记录一下在windows系统中的整个安装流程,对小白可能有用。


node.js可以在官网下载

https://nodejs.org/en/
(选了那个推荐大部分人安装的低版本,只是因为推荐)

安装路径我自定义了其他盘(默认在C盘,主要不想乱七八糟的东西污染系统盘)

然后就像装游戏一样一路next,会打包安装一些必要的工具,然后中间有一个弹框,很多教程里没有写到,我就找了一下

这个教程里有说到:
https://www.cnblogs.com/luciolu/p/11993802.html


主要是这一段

本机模块工具
//这块是弹窗内容
Tools for Native Modules Optionally install the tools necessary to compile native modules.
Some npm modules need to compiled from C/C++ when installing. If you want to be able to install such modules, some tools(Python 2 and Visual Studio Build Tools) need to be installed.
//下面这段是个复选框
Automatically install the necessary tools. Note that this will also install Chocolatey. The script will pop-up in a new window after the installation copletes.

Alternatively, follow the instructions at https://github.com/nodejs/node-gyp#on-windows to install the dependencies yourself.

这是在告诉会给你自动安装2个工具:

构建工具(Python 2和Visual Studio构建工具)
Chocolatey

构建工具是因为一些npm模块需要使用C/C++编译,如果想要编译这些模块,则需要安装这个工具。如果不安装这个构建工具,在之后使用 npm 安装模块的时候,会报错:gyp ERR! find Python
如果见到这个错误,知道是因为没有安装 构建工具。

构建工具和 Chocolatey 都是必装的,如果现在没有安装,可以之后再手动安装,提示里已经给出了相关解释:https://github.com/nodejs/node-gyp#on-windows

该提示还告诉你 Chocolatey 会在后面弹出一个 cmd 来安装。

为了避免以后麻烦,这里强烈建议选择“Automatically install …” ,然后 Next…


PowerShell安装:构建工具(Python 2和Visual Studio构建工具) Chocolatey

安装完后弹出了一个蓝色的命令行界面,在继续安装上面说的那2个工具,这个界面一开始很长一段时间会有个光标闪很久才开始下载和安装。
(这里也是网上很多教程没有提到的部分)
安装react环境(一)Node.js安装流程
等安装完后会有 type enter to exit 的提示,回车就ok了


验证是否安装成功

然后看了这篇帖子
https://blog.****.net/daxiazouyizou/article/details/79743832?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

帖子说:
根据安装提示安装node.js,npm包管理工具也会一同安装。
安装完成后,打开cmd命令行,输入 node -v 和 npm -v 来查看版本号,如果显示则安装完成。

(这里补充一下,在cmd中输入path就可以看到刚才安装的环境变量了)


修改变量路径

感谢下面这位作者的分享
https://www.cnblogs.com/chechen/p/10883779.html

五、环境配置
说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Program Files\nodejs】下创建两个文件夹【node_global】及【node_cache】

创建完两个空文件夹之后,打开cmd命令窗口,输入
npm config set prefix “D:\Program Files\nodejs\node_global”
npm config set cache “D:\Program Files\nodejs\node_cache”

接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

选择用户环境变量:
修改为:D:\Program Files\nodejs\node_global

六、测试
配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,
输入如下命令进行模块的全局安装:
npm install express -g # -g是全局安装的意思


(按上面的流程操作完后,到nodejs\node_global\node_modules里看下,有express就算OK了)