vue的安装和配置

npm：nodejs下的包管理器

webpack：主要的功能是通过commentJS语法把所有浏览器端需要发布的静态资源做相应的准备，如资源的合并和打包

vue-cli：用户生成VUE工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）

1、下载nodejs，网址：https://nodejs.org/en/

安装nodejs，安装成功

打开cmd，检查是否正常。

输入echo %PATH%查看环境变量中是否含有刚刚安装的nodejs

输入node -v查看安装的node版本

输入npm -v 可查看npm的版本

2、转移模块路径、cache路径

默认在C:\Users\Administrator\AppData\Roaming文件夹中。

在nodejs安装目录下创建node_cache、node_global两个文件夹。

cmd中运行下面两条命令：

npm config set prefix "nodejs安装目录\node_global"

npm config set cache "nodejs安装目录\node_cache"

查看两个命令前后的变化

npm的本地仓库，输入命令npm list -global

npm config list 显示所有配置信息

3、配置镜像站

输入命令npm config set registry=http://registry.npm.taobao.org 

检查一下镜像站行不行命令1

npm config get registry

检查一下镜像站行不行命令2

Npm info vue 看看能否获得vue的信息

4、检查

输入命令npm config list 显示所有配置信息，可以查看到我们刚刚配置的三个参数cache、prefix、registry

输入命令npm config get registry检测镜像

输入命令npm info vue 获得vue的信息

5、npm安装模块

输入命令npm install（安装模块名） npm -g安装或更新nom install命令；-g是安装到nodejs目录下的node_global目录下

输入命令npm install npm -g查看global下的模块

输入npm -v可查看到npm升级后的版本

默认的node_module目录已经改到node_global目录下了，直接运行npm install命令将会报错

配置环境变量

配置node_path。

增加环境变量NODE_PATH ，内容是node_modules目录的路径。

把NODE_PATH增加到path中。

6、安装vue

输入命令把Vue.js安装到全局目录下node_global。

npm install vue -g

安装成功后可以在node_global目录下可以查看到Vue文件夹

测试npm安装vue-router；输入命令：

npm install vue-router -g

安装vue脚手架:

npm install vue-cli -g

vue版本:

vue -V

Web操作，来创建一个vue项目：

vue ui

输入查看；进入nodejs安装的根目录（也就是盘符，如D:）

vue-cli工具是内置了模板包括webpack和webpack-simple，前者是比较复杂专业的项目，他的配置并不全放在根目录下的webpack.config.js中

创建项目完成

初始化，安装依赖

进入要创建项目的目录；

输入安装依赖:  npm install

运行服务： npm run dev/serve

生成静态文件： npm run build 

生成在dist文件夹下

7、安装淘宝npm（cnpm）

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

查看结果，命令： cnpm -v