vue脚手架 创建项目

使用vue脚手架创建项目步骤：

https://www.cnblogs.com/ming1025/p/9887247.html

具体参考上面的链接，下面是个人总结：

1. 安装脚手架     npm install --global vue-cli    

安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功

2.用vue-cli来构建项目  vue init webpack zspw  （zspw是自定义的项目名称） 以下三步都没啥太大必要（别人跟我说的）

• Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，一般项目中都会使用。
  接下来也是选择题Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设，编写vue项目时的代码风格，直接y回车
• Setup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试，我选择安装y回车
• Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试 ，我选择安装y回车

3.启动项目：进入新创建的文件夹  cd zspw  执行npm run dev

4.打包上线

注意，自己的项目文件都需要放到 src 文件夹下。
 npm run build  进行打包工作。

另：

打包完成后，会生成 dist 文件夹，如果已经修改了文件路径，可以直接打开本地文件查看。
项目上线时，只需要将 dist 文件夹放到服务器就行了。