因为是基于nodejs的 所以要先安装node。*为必须安装 没有型号则不是必须安装的。（个人喜好）
一、node -v
*1. 查看是否安装node， 如果有版本号说明已安装、其他 例如 xx 不是内部命令 则表示没有安装，安装地址（http://nodejs.cn/download/）
2. 安装node-sass ，打开控制台输入命令 npm install node-sass -g 等待一会，就会安装成功！ 安装出现问题可参考 （https://www.jianshu.com/p/92afe92db99f）
3. 修改一下npm服务器的地址，先安装nrm，
输入命令npm install nrm -g，然后输入 nrm ls，查看当前npm的服务器地址，可以使用
nrm use cnpm这个命令把地址改为中国境内的服务器！
*4.安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
查看版本号cnpm -v（最好不要跳过，不然可能会有未知错误）
二、vue
*1.安装cli框架
cnpm i vue-cli -g
*2.生成项目
vue init webpack mypro
*3.进入项目
cd mypro
*4.安装项目依赖
cnpm i
5.（基于项目的sass,在项目中安装一次即可）
cnpm i node-sass sass-loader -D
6.安装mint-ui库（其他的库 如：vant 一样的命令 cnpm i vant -S）
cnpm i mint-ui -S
7.cnpm i babel-plugin-component -D
修改.babelrc文件 --- 直接将以下内容复制到你的babelrc中
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-vue-jsx", "transform-runtime", ["component", [
{
"libraryName": "mint-ui",
"style": true
}
]]],
"env": {
"test": {
"presets": ["env", "stage-2"],
"plugins": ["transform-vue-jsx", "istanbul"]
}
}
}
8.安装axios进行数据请求
cnpm i axios
*9.启动项目
cnpm run dev
如果端口被占用，则需要更换一个（config/index.js）
从0~65535全部是标准端口，但是从0~1024号端口是系统端口，用户无法修改
从1025~65534端口是系统为用户预留的端口，而65535号端口为系统保留
如果在你的vsCode中在终端中打开时，不能识别npm,cnpm命令，而在系统的终端中可以识别，那么需要卸载vsCode，重新安装。
三、项目文件介绍
build 和 config 是关于webpack的配置，里面包括一些server,和端口；
node_modules: 安装依赖代码库；
src : 存放源码；
static：存放第三方静态资源的，static里面的.gitkeep，如果为空，也可以提交到gitHub上面，正常情况下，是不可以提交的。
.babelrc:把es6文件编译成es5
.editorconfig：编辑器的配置
.eslintignore 忽略语法检查的目录文件
就是忽略对build/*.js和 config/*.js
入口文件： index.html 和 main.js
vue取消严格模式
在.eslintignore中增加src/*