Vue-cli脚手架工具

前期准备:

1.安装npm
npm install -g npm(更新nmp)
2.安装node

打开终端,执行命令行:

1.安装vue-cli脚手架工具,npm install -g vue-cli
2.构建应用,vue init webpack vue-demo(文件夹名称)
3.配置
Project name 项目名称
Project description 项目描述
Author 作者
Vue build中runtime only依赖.vue文件的开发,同时体积更小
Install vue-router?是否需要安装vue-router(一般需要)
Use ESLint to lint your code?ES6代码风格检查器(不适合新手)
Pick an ESLint presetESLint规则
Setup unit tests with Karma + Mocha?单元测试
Setup e2e tests with Nightwatch?e2e

4.To get started:

 `cd vue-demo`
 `npm install`
 `npm run dev`

vue-cli脚手架初始化vue代码的方式不是唯一方式,但是是一种非常推荐的方式
可以非常好的帮助初始化一整套webpack配置
简化了开发

你可能感兴趣的:(Vue-cli脚手架工具)