nodeJs 安装配置

http://www.ydcss.com/archives/18 （gulp入门）

修改Nodejs内置的npm默认配置路径-CSDN博客 （gulp路径修改）

Nodejs安装后修改全局路径配置 - 幼儿园插班生 - 博客园 （gulp全局路径的修改）

1、先在nodejs官网下载稳定版本的，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。然后像安装QQ一样安装它就可以了（安装路径随意）。

2、用

C:\Users\yjph83>node -v

v6.9.1

C:\Users\yjph83>npm -v

3.10.8

就表示安装成功了！

修改路径：在nodejs安装目录内路径为.\node_modules\npm的npmrc文件修改为：

prefix=D:\develop\nodejs\node_global

cache =D:\develop\nodejs\node_cache

nodejs 从16.10 开始， yarn也像npm附带于Node.js，所以我们直接去node.js官网安装node.js就可以很方便的使用yarn了；

 注意：启用yarn工具，命令：corepack enable ,如果没有报错，就可以正常使用yarn工具了：（如果报错，确保是以管理员身份运行的cmd，不然没有执行权限。

        npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。

在D:\develop\nodejs新建一个文件夹，名称为node_global

在D:\develop\nodejs新建一个文件夹，名称为node_cache

如果你是zip安装直接接着往下走，如果你是msi安装方式，请直接到第五步；

配置npm系统环境path变量**“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”-“path”**,如图；

创建完两个空文件夹之后，打开cmd命令窗口，输入；

npm config set prefix "D:\develop\nodejs\node_global"；

npm config set cache "D:\develop\nodejs\node_cache"；

“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”；

将【用户变量】下的【Path】修改为【D:\develop\nodejs\node_global】

 一般msi格式安装后，下边可以不设置。

新增环境变量 NODE_HOME：H:\Program Files\nodejs

在path变量中添加：%NODE_HOME%;%NODE_HOME%\node_modules;%NODE_HOME%\node_global

在cmd命令界面下：

  npm install -g nrm   将nrm安装OK；#因为nrm 可以切换使用镜像, 所以通过 -g 参数全局安装；

 nrm ls                       #列出所有镜像

 nrm use taobao        #切换到淘宝镜像

 进入项目页面目录下，运行命令：npm install

H:\develop\HBuilderProject\mucFrontend>npm install        #根据相关package.json 文件来安装项目依赖

当运行到最后出现 类似以下情况就表示成功

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.15: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm WARN huiyuan@1.0.0 No description

npm WARN huiyuan@1.0.0 No repository field.

H:\develop\HBuilderProject\mucFrontend>npm run dev      #通过npm run 命令运行、打包并且根据webpack 启动调试服务

(webpack)-dev-server/client?http://localhost:81 3.97 kB {10} [built]   

即服务绑定访问地址和端口，都是在配置文件中已经配置OK的；