vue-cli 2.0使用

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

以上两个命令皆可以使用。

相关文章
相关标签/搜索