Nodejs安装及环境配置

1、下载安装包

下载地址：http://nodejs.cn/download/

根据操作系统及位数选择，如：选择windows64位.msi格式安装包

.msi和.zip格式区别：

1).msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。说白了.msi就是Windows installer的数据包，把所有和安装文件相关的内容封装在一个包里。

2).zip是一个压缩包，解压之后即可，不需要安装

 

2、安装

下载完成后，双击安装包，开始安装，默认一直点next即可，安装路径默认在C:\Program Files下，也可以自定义修改(建议安装路径不要有空格)

 

说明：

1）Node.js runtime：表示运行环境

2）npm package manager：表示npm包管理器

3）online documentation shortcuts：在线文档快捷方式

4）Add to PATH：添加到环境变量

3、安装后验证及参数配置

安装完成如图所示，node的安装路径C:\node

 

1）环境变量

安装完成后，.msi格式的安装包已经将node启动程序添加到系统环境变量path中,查看系统变量验证

 

打开CMD窗口，执行命令node -v查看node版本,执行npm -v查看npm版本

 

2）修改包路径

默认情况下，我们在执行npm install -g XXXX时，下载了一个全局包，这个包的默认存放路径位C:\Users\Administrator\AppData\Roaming\npm\node_modules下，可以通过CMD指令npm root -g查看

 

 

可以下载一个全局包测试，执行命令npm install express  -g

下载后，如下图：

 

如果不想让全局包放在此处，如放在node的安装目录下

1》在node安装目录下下新建两个文件夹

node_global：全局包下载存放

node_cache：node缓存

 

2》修改路径

在CMD窗口执行以下两条命令：

npm config set prefix "C:\node\node_global"

npm config set cache "C:\node\node_cache"

或者在nodejs的安装目录中找到node_modules\npm\.npmrc文件，修改如下：

prefix =C:\node\node_global

cache = C:\node\node_cache

我们再次下载一个全局包，执行命令npm install -g vue，可以发现，下载的全局包vue已经放在了我们设置的目录中

 

我们写一个js文件，引入vue模块，并输出，然后再node中执行该js文件

 

我们更改了npm全局模块的存放路径和cache路径，此时使用module时将会出现上述错误，因为电脑系统现在还不知道你把默认路径给改了，所以需要修改系统环境变量。

1》修改用户变量path为：C:\node\node_global

 

 

2》新增系统变量NODE_PATH,变量值为C:\node\node_global\node_modules

 

修改之后关闭CMD窗口，然后重新打开，运行刚才的test.js文件

4、常见错误

1）报错：npm ERR! cb()never called!的错误 

解决方案，转自：https://www.cnblogs.com/webdragon/p/9700879.html

解决方法A：

一、首先要以管理员模式打开cmd清除你的npm缓存 : npm cache clean -f

二、清除完缓存后，安装最新版本的Node helper： npm install -g n 

注意：如果出现npm ERR! notsup Unsupported platform for n@2.1.8: wanted {"os":"!win32","arch":"any"} (current: {"os":"win32","arch":"x64"})

这样错误信息

如图：

 然后执行以下    npm install -g n --force

如图：

三、完成上一个命令后，获得最新信息。让我们再次运行安装： npm install 

如果在执行npm install 非常缓慢的时候，可以试着更换镜像 

npm install -g cnpm --registry=https://registry.npm.taobao.org 

如图：

再执行 cnpm install，这时候就比较快一些安装依赖文件   

安装完依赖文件后，执行 cnpm run dev ，项目就启动了。

解决方法B：

依次执行以下命令

一、npm cache clean --force

二、npm install -g npm  或 npm install -g npm@latest

 2）报错：Plugin umi-plugin-antd-icon-config can't be resolved

原因：缺少插件集 

缺啥 装啥  

解决办法：使用yarn add umi-plugin-react --dev命令安装相关插件集，安装成功后重新启动服务：yarn start,服务启动成功。