vue-cli创建项目

vue init webpack mydemo

 

Project name (vuetest)

项目名称，可以自己指定，也可直接回车，按照括号中默认名字。

Project description (A Vue.js project) 

项目描述，也可直接点击回车，使用默认名字。

Author

作者，可以自己指定，也可直接回车。

接下来会让用户选择

Runtime + Compiler: recommended for most users 

运行加编译，既然已经说了推荐，就选它了

Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere

仅运行时，已经有推荐了就选择第一个了

Install vue-router? (Y/n)   

是否安装vue-router，这是官方的路由，大多数情况下都使用，这里就输入“y”后回车即可。

Use ESLint to lint your code? (Y/n)     

是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，并不会影响整体的运行。

Setup unit tests with Karma + Mocha? (Y/n) 

是否安装单元测试。

Setup e2e tests with Nightwatch(Y/n)?    

是否安装e2e测试。

命令运行:

cd firstapp  //进入程序

npm install  //下载核心库类

npm run dev  //运行项目,编译, 此时的位置应该是 在 firstapp里面 

编译后的文件存在dist里面, 打开项目用 开发者工具,记得在设置里面选上自动编译

npm run lint -- --fix #检查代码语法和格式，并修复可自动修复的问题

npm run build    //打包发布项目