写在正文之前: 查了许多教程,网上大多都是2.*之前版本的cli,而官网也说明了Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。因此我自己总结了一份。
and新版的@vue/cli要求node版本在8.9以上,如未达到请更新node版本,这里我使用的是node10.15.3
老版本vue-cli创建一个项目
-
全局安装老版本的vue-cli:
npm install --global vue-cli
安装成功之后,输入命令vue -V
,如果出现相应的版本号,则说明安装成功。 -
使用vue-cli脚手架构建项目
输入命令:vue int template-name template-name
其中template-name
是模板名,在其官网目前有六种模板,一般常用webpack.
而template-name
则是我们自己起的项目名。
输入命令后,会询问几个简单的选项,如下:· Project name :项目名称 ,如果不需要更改直接回车就可以了。
· Project description:项目描述,默认为A Vue.js project,直接回车,不用编写。
· Author:作者,会自动读取配置git的作者。
· Install vue-router? 是否安装vue的路由插件,一般需要安装,所以选择Y
· Use ESLint to lint your code? 是否用ESLint来限制代码错误和风格。最好是进行配置。
· setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha,我们这里不需要,所以输入n。
· Setup e2e tes