vuecli项目搭建到打包详细步骤

分享一下在Windows环境下搭建步骤，如有不妥，请多指教。
1、首先要在电脑安装node.js(找度娘，轻松搞定)，检查node.js是否安装，进入cmd命令检查。
输入node -v，如果安装正常，你应该看到类似v7.6.0（版本不用显示不同）即安装成功。
再说下npm，npm其实是Node.js的包管理工具（package manager），npm已经在Node.js安装的时候顺带装好了。
输入 npm -v ，出现类似6.9.0，即安装成了。

  node -v 
  npm -v

1.2、装淘宝镜像:

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

（若想安装快些，可装淘宝镜像，以下npm皆可替换为cnpm）

2、全局安装webpack:

npm install webpack -g  

webpack版本4以上，需要安装webpack-cli 依赖 :

npm install webpack webpack-cli -g 

3、安装vue-cli：

 npm install vue-cli -g

初始化vue-cli:

  vue -V

4、安装项目：vue init webpack projectname（projectname是你项目的名称），

Project name:——项目名称

Project description:——项目描述

Author:——作者

Vue build:——构建模式，一般默认选择第一种

Install vue-router?:——是否安装引入vue-router，这里选是，vue-router是路由组件,后面构建项目会用到
Use ESLint to lint your code?:——这里强烈建议选no 否则你会非常痛苦，eslint的格式验证非常严格，多一个空格少一个空格都会报错，
所以对于新手来说，一般不建议开启，会加大开发难度。但大公司里多人合作的项目一般要求必须装的

Setup unit tests with Karma + Mocha 以及Setup e2e tests with Nightwatch这两个是测试，可以不用安装。

5、最后这步选： NO,I will handle that myself

6、根据提示然后输入：cd projectname(你项目名称)

然后再输入： npm install

7、输入： npm run dev

最后在网址打开 http://127.0.0.1:8080/

8、补充一点：若想运行npm run dev项目自动在浏览器打开，就找到config/index.js 文件夹，false改为true

9、项目打包和上线

（1）把绝对路径改为相对路径

我们打开config/index.js 会看到一个build属性，这里就我们打包的基本配置了。你在这里可以修改打包的目录，打包的文件名。最重要的是一定要把绝对目录改为相对目录。

assetsPublicPath:’./’ 这样才能保证我们打包出去的项目可以正常预览。

（2）在命令行中进行打包： npm run build （dist文件夹里面的内容直接上传）