node.js 和 vue 安装

下载安装包

百度搜索下载安装包下载安装文件，安装目录放在 【D:\Develop\nodejs】成功后：

node -v
npm -v

环境配置

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

npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"

进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

安装CNPM

• 安装cnpm

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

输入上述命令即可安装，另外要注意的是，安装完后，输入cnpm -v进行检测。安装成功后，cnpm 安装在 【D:\Develop\nodejs\node_global】 已经在 我们自己的环境变量path下了,

安装 vue

cd 到 e 盘下：

vue init webpack vue_project

注意：项目建立过程中，有如下选择，选择NO。（该选项为使用ESLint规范你的代码，一个空格错误都将报错，不开启，可以避免不必要的麻烦),后面是单元测试，选 yes 或 no 随你。

cd vue_project
cnpm install
npm run dev

完成后，会发现项目目录下多出一个node_modules文件夹，里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目...进入项目目录文件夹（vue_project）中，就可以使用vue进行开发...使用npm run dev，便可以打开本地服务器实时查看效果（localhost:8080)..

• 如果浏览器打开之后，没有加载出页面，有可能是本地的 8080 端口被占用，需要修改一下配置文件 config>index.js
• 建议将端口号改为不常用的端口。另外我还将 build 的路径前缀修改为 ' ./ '（原本为 ' / '），是因为打包之后，外部引入 js 和 css 文件时，如果路径以 ' / ' 开头，在本地是无法找到对应文件的（服务器上没问题）。所以如果需要在本地打开打包后的文件，就得修改文件路径。

cnpm 安装 react 报错：
SyntaxError: Unexpected end of JSON input while parsing near '...1.0.2","pre-commit":"'
之前用的淘宝镜像。
解决 ： npm config set registry http://registry.cnpmjs.org
https://www.cnblogs.com/xueshanshan/p/7920934.html