2.9版本的安装方法
之前都是使用2.9的版本都是一句话 "npm install -g @vue/cli "全局安装就可以了,然后vue create 项目名字(英文,比如:vue-project),cd vue-project(进入这个项目的文件夹) npm run serve(运行项目)就可以了
3.x版本的安装方法
vue-cli的3.x版本安装就比2.9的要复杂一点
1.npm install -g @vue/cli (如果是2.9的版本升级到3.x版本就是npm uninstall -g vue-cli)
2.安装成功后可以使用 vue -V查看版本号
3.创建项目使用 vue create 项目名称 (但是我每次创建项目的时候都是很慢,因为npm真的很慢,所以可以
npm config set registry https://registry.npm.taobao.org
这样创建项目就不会卡,而且会快了很多)
3.x 版本包括默认预设配置 和 用户自定义配置,在用户自定义配置之后,会询问是否保存当前的配置功能为将来的项目配置的预设值,这样下次可直接使用不需要再次配置。
自定义功能配置包括以下功能:
-
TypeScript
扫描二维码关注公众号,回复: 6430773 查看本文章 -
Progressive Web App (PWA) Support
-
Router
-
Vuex
-
CSS Pre-processors
-
Linter / Formatter
-
Unit Testing
-
E2E Testing
可以根据项目大小和功能体验配置不同的功能,空格键 选中/反选,按a键 全选/全不选,按i键反选已选择项, 上下键 上下移动选择。
创建项目成功后会出现下面的情况
然后cd 项目名称 进入项目文件夹
最后npm run serve (运行项目)
到了这里vue-cli创建项目就完成了