1.全局安装vue-clivue
npm install --global vue-cli
2.建立vue项目webpack
vue init webpack projectName
projectName是想要输入的项目名称web
3.建立过程当中的设置vue-router
“Project name”:这个是项目名称,默认是输入时的那个名称。vue-cli
“Project description” :(A Vue.js project) 项目描述,可直接点击回车,使用默认名字npm
“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”:是否须要vue-router,这里默认选择使用,这样生成好的项目就会有相关的路由配置文件ui
“Use ESLint to lint your code”:是否使用ESLint,默认使用,这样会生成相关的ESLint配置(看本身的实际状况肯定是否使用)
“Setup unit tests with Karma + Moch?”: 是否安装单元测试。(不须要能够直接写N)
“Setup e2e tests with Nightwatch”:是否安装e2e测试(不须要能够直接写N)
最后会提示选择管理工具,选择npm或yarn均可以,二者的指令有所不一样,我的选择了npm;
4.项目搭建完成
npm run start /npm run dev
以上两个命令皆可以使用。