vue-cli 脚手架版本升级及项目创建

993 阅读1分钟

版本升级

1. 查看已安装的版本号

vue --version 或者 vue -V

2. 卸载老版本

npm uninstall vue-cli -g  或者 yarn global remove vue-cli

3. 升级脚手架

npm install -g @vue/cli

创建项目

1. 新建项目

vue create 项目名


Default --- 默认配置
Manually select features --- 手动选择配置

2. 配置(手动选择配置) --- 按空格键选中/取消

3. 选择版本

4. 是否选择历史模式, y --- 历史模式; n --- 哈希模式

5. 选择 css 预处理器

6. 语法检测工具

7. 选择语法检查方式

8. 把babel,postcss,eslint这些配置文件放在什么地方

9. 是否存储为默认配置


y --- 需要输入保存名字
n --- 不保存

10. 创建项目成功

11. 新建 vue.config.js 配置文件,设置端口号和运行项目自动打开