使用vue-cli构建vue项目

1、要先安装node.js

nodejs下载地址

1）选择一个版本直接下载，然后安装

2）测试是否安装正确

在命令行中输入

3）安装cnpm

cnpm采用淘宝镜像，下载依赖速度更快
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成检测一下
cnpm -v

2、使用vue-cli构建vue项目

1）先全局安装vue-cli

npm install -g vue-cli
注明： npm可以换成cnpm，cnpm是淘宝镜像，速度更快点

另外提一下如果想安装vue-cli3
就要先卸载vue-cli的命令npm uninstall vue-cli -g
然后执行命令npm install -g @vue/cli

2）选择webpack模板初始化项目

vue init webpack my-vue
或者
vue init webpack-simple my-vue

此时如果项目不报错无需运行 npm install命令
如果项目报错就要运行npm install

3）启动项目

初始化完成之后 ，会有命令提示
cd my-vue
npm run dev


在浏览器里面输入http://localhost:8080

3、项目的svn或者git托管

1）项目上传

项目上传到svn或者git是不需要上传node_modules这个文件夹的，这个文件夹全部是下载的各种依赖包，此包非常庞大，所以不要上传

2）项目下载

项目从svn或者git下载下来之后，node_modules包中依赖是空的，需要先执行
npm install

4、vue2.0打包

1）找到config下面的index，在assetsPublicPath后面的"/"加个点

2）在build的utils.js文件夹中增加publicPath:"../../" （如果打包后能正常运行就不需要执行此步骤）

3）如果有router也要配置一下

4）如果打包后资源路径找不到，那么安装 cross-env（如果打包后能正常运行就不需要执行此步骤）

npm install cross-env --save-dev
在package.json文件中将build修改成
"build": "cross-env NODE_ENV=production node build/build.js"

5）打包

npm run build

打包的后的文件就是dist下面的文件