Vue_cli升级4.x版本搭建项目

文档地址
查看vue_cli版本号

vue --version 

卸载之前的vue脚手架

npm uninstall vue-cli -g  

安装最新的

npm i @vue/cli -g 

嫌慢的可以安装淘宝镜像

npm install -g cnpm

创建项目执行

vue create vuedemo

一开始会有两个选项
第一个是默认安装
第二个是手动配置
一般选择手动配置
Vue_cli升级4.x版本搭建项目_第1张图片
在这里配置项目需要的东西
项目空格为选中/取消
a为全选
i为反选
下面是我的项目配置
Vue_cli升级4.x版本搭建项目_第2张图片

配置名 说明
Babel 转码器,可以将ES6代码转为ES5代码
TypeScript JavaScript的超集
Router vue路由
Vuex vue的状态管理模式
CSS Pre-processors CSS 预处理器
Linter / Formatter 代码风格检查和格式化(如:ESlint)
Unit Testing 单元测试
E2E Testing e2e测试

配置完回车下一步
这里是我选择的配置信息
选择完回车就会进行项目安装
Vue_cli升级4.x版本搭建项目_第3张图片
安装完成后cd到文件夹中
执行npm run serve运行
在这里插入图片描述
拿到生成的本地服务器链接就可进行访问
Vue_cli升级4.x版本搭建项目_第4张图片

你可能感兴趣的:(Vue)