使用vue cli4.x搭建vue项目的过程详解

网络编程 2024/12/23 佚名

3 2 1

幽灵资源网 Design By www.bzswh.com

cli-4.x已经发布好久了，斟酌了好久，还是决定将原来的cli-2.x升级到4.x,详细的升级过程可以戳这里

1、创建项目 vue create vuetest

2、选择配置方式

"text-align: center">

通过↑ ↓ 箭头选择你要配置的项，按空格是选中，按 a 是全选，按 i 是反选 (以下是每一个选项的详细解释)

"htmlcode">

"color: #ff0000">ps：下面看下vue-cli2.9.6升级vue-cli4.x相关问题
最近公司想要进行技术升级，因为疫情的原因，我在家关了两个多月（呜呜~），来公司他们都已经工作有一段时间，于是我只能自己搞了，先看一下我的环境

他们说新项目要求使用cli4.x,于是网上找了步骤执行（建议看完再实际操作）
1、首先卸载


npm uninstall -g @vue-cli


执行了之后使用 vue -V ,发现版本仍然是2.9.6，感觉没卸载掉呀，不管，继续按照网上的教程安装
2、安装


npm install -g @vue-cli


执行完成之后发现查看版本出来的仍然是2.9.6，很烦，然后就去网上找了一大堆，发现发现都是互相copy的博客，怎么办了，环境还是要继续升级的呀，然后我就只能采用最原始的办法  删文件
1、命令行执行 where vue

找到vue-cli文件夹，（不相信的话先备份一下）然后删除

2、执行 vue -V 这个时候应该是看不到版本号了吧（看得到那就说明你删错地方了，不能怪我）
3、重新安装


npm install -g @vue-cli


4、看一下版本号

总结