vue-cli 3
程序员文章站
2022-03-28 15:12:14
...
一、旧版本
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的
vue-cli (1.x 或 2.x),你需要先卸载它。
查看你是否有安装旧版的Vue CLI
- 你可以通过在终端执行vue --version来确认你是否安装了旧版的Vue CLI**
- 如果你使用yarn作为包管理工具,你还可以通过yarn global dir命令查看yarn全局安装的模块位置,再cd进入目录。查看node_modules或者直接cat package.json来确认你是否安装了旧版本
- 如果你使用的是npm作为包管理工具,并且使用了nvm作为node的管理工具。那么你可以进入~/.nvm/versions/node/v你使用的node版本号/lib/node_modules来确认你是否安装了旧版本(ps:使用nvm ls查看你当前使用的node版本)
如果你安装了旧版本
通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
二、安装新版本
首先请确认你的node版本是否符合要求
Vue CLI 需要node.js 8.9 或更高版本 (推荐 8.11.0+)。
同样的,推荐使用nvm作为node.js版本管理工具,并使用nvm ls && nvm use vxx.xx设置版本
可以使用以下任意命令安装
npm install -g @vue/cli
# OR
yarn global add @vue/cli
安装完成后通过vue --version来检查其版本是否正确 (3.x)
~ vue --version
3.5.1
三、创建一个应用
使用vue create xxxxx命令创建一个vue-cli应用
上一篇: 25行实现mysql树查询代码详解
下一篇: vue打包后图片路径失效问题
推荐阅读
-
CSS3+JavaScript实现炫酷呼吸效果的示例代码
-
Qt_启动应用程序的3种方式
-
Surface Pro 3再次降价!纠结
-
Error in v-on handler: “TypeError: _this3.addForm.goods_cat.join is not a function
-
细节确认!小米MIX 3/LEX滑盖手机外观设计专利图曝光
-
[第三堂课]c#自学课程(3)
-
css3实现的动画效果_html/css_WEB-ITnose
-
Bootstrap3表单checkbox不能水平对齐问题_html/css_WEB-ITnose
-
vue-cli初始化webpack模板报错
-
PHP获取MySql新增记录ID值的3种方法_php技巧