*node.js 安装 和 vue入门

参考：

（1）npm安装教程：

https://www.cnblogs.com/goldlong/p/8027997.html

（2）npm ERR! code EEXIST（文件存在/文件拒绝delete）问题解决

npm ERR! code EEXIST（文件存在/文件拒绝delete）问题解决-CSDN博客

（3）手把手，从无到有带你用vue进行项目实战 系列一(搭建框架篇)：

手把手，从无到有带你用vue进行项目实战 系列一(搭建框架篇)_vue项目实战-CSDN博客

笔记：

（一）初识 三大主要模块：

npm	Nodejs下的包管理器
webpack	资源的合并和打包
vue-cli	生成Vue工程模板（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）

（二）配置node.js的环境

（1）因为npm的本地仓库（node_cache和node_global）默认在系统盘c盘的用户目录，所以在安装完node.js后，我们试图把这2个目录移动到我们所安装的目录（如D:\nodejs）下：

先创建这两个目录，然后执行以下命令：

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

（2）配置镜像站

npm config set registry=http://registry.npm.taobao.org

（3）因为我们修改了仓库路径，所以直接运行npm install等命令会报错，我们还需要配置 系统环境变量

NODE_PATH

D:\nodejs\node_global\node_modules

（注意，一下操作需要重新打开CMD让上面的环境变量生效）

（4）测试NPM安装vue.js 和 vue-router（这里的-g是指安装到global全局目录去）

npm install vue -g
npm install vue-router -g

（5）安装vue脚手架（vue-cli工具是 内置了模板包括 webpack 和 webpack-simple）：

npm install vue-cli -g

因为 我们 把 vue脚本 安装在了自定义的目录，所以还需要为其配置系统环境变量：

Path	D:\nodejs\node_global

重新打开cmd，生成vue模版：

vue init webpack vue01

进入vue01目录，为vue01加载依赖：

npm install

加载ajax依赖:

npm install axios

运行（开发环境）：

npm run dev

编译打包，生成静态文件，打开dist（distribution，发布）文件夹下新生成的index.html文件:

npm run build