web前端：vue项目构建

一键构建：     cd 到自定义路径       vue init webpack 项目名  

1.安装Nodejs
        官网下载：https://nodejs.org/zh-cn/download/
        查看版本 ：node -v   npm -v
        获取vue版本：npm info vue
        升级npm版本：npm install npm -g

2.配置npm本地仓库
        安装目录下创建：node_cache 和 node_global 文件夹
        npm config set prefix “D:\nodejs\node_global”
        npm config set cache “D:\nodejs\node_cache”
        环境变量path设置：如图所示
        查看全局目录：npm list -g
        查看配置信息：npm config list

3.配置cnpm淘宝镜像
        npm config set registry=http://registry.npm.taobao.org
        查看镜像源：npm config get registry

4.安装vue工具
        安装vue.js：       npm install vue -g
        安装vue-router：npm install vue-router -g
        安装vue脚手架： npm install vue-cli -g

5.安装webpack
        npm install webpack -g
        npm install webpack-cli -g

6.创建项目
        cd到项目上层路径
        vue init webpack 项目名 

 7.运行项目
        cd /项目路径
        npm run dev
        默认访问：http://localhost:8080
        修改端口号：src/config目录下-->index.js中搜索port，然后修改自定义端口号

 8.打包
        npm run build