node安装及注意事项

安装npm及cnpm(Windows)

【安装步骤】
一、安装node.js

1.前往node.js官网下载并安装工具，这里安装路径选到D盘，D:\Program Files\nodejs
安装中遇到 error code为2503，2502问题解决方法：
用管理员权限运行cmd.exe
进入node安装包的路径，输入 msiexec /package node-v8.4.0-x64.msi 命令，即跳出node安装界面，点击安装

2.改变原有的环境变量
(1)配置npm的全局模块的存放路径以及cache的路径，例如两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹，输入以下命令改变npm配置

npm config set prefix “D:\Program Files\nodejs\node_global”
npm config set cache “D:\Program Files\nodejs\node_cache”

(2)在系统环境变量添加系统变量NODE_PATH，输入路径D:\Program Files\nodejs\node_global\node_modules，此后所安装的模块都会安装到改路径下

(3)在命令行输入以下命令试着安装express（注：“-g”这个参数意思是装到global目录下，也就是上面说设置的“D:\Program Files\nodejs\node_global”里面。）
npm install express -g
安装完毕后可以看到.\node_global\node_modules\express 已经有内容

(4)在命令行输入node进入编辑模式，输入以下代码测试是否能正常加载模块：require(’./express’)

二、安装淘宝npm（cnpm）

更新npm的方法：可以使用 npm install -g npm 来更新版本

1.安装cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org
输入cnpm -v输入是否正常，这里肯定会出错。需要添加系统变量path的内容

因为cnpm会被安装到D:\Program Files\nodejs\node_global下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm;
D:\Program Files\nodejs\node_global
//D:\Program Files\nodejs\node_global\node_modules\cnpm\bin(错误)

优化：定义出NODE_HOME变量,在Path中替换

系统变量下新增NODE_HOME：D:\Program Files\nodejs
path里用%NODE_HOME%替换

系统变量下新增CNPM_PATH：D:\Program Files\nodejs\node_global\node_modules\cnpm\bin
path里用%CNPM_PATH%替换

参考：https://www.cnblogs.com/liaojie970/p/9296177.html

vue-cli安装

npm install -g vue-cli // 加-g是安装到全局

初始化项目：

vue init webpack demo(你新建的项目名称/文件名称)
执行之后将会 自动初始化一个文件夹 ：demo

启动项目:

cd demo
npm install
npm run dev

项目文件配置介绍(重要)

https://www.cnblogs.com/loveyaxin/p/7094089.html