Vue-cli

Vue-cli安装和卸载

安装

执行如下指令

1、安装淘宝镜像

npm install -g cnpm

第二种方案:

npm install -g cnpm --registry=https://registry.npm.taobao.org

//安装成功后 使用 cnpm i xxx 代替 npm install xxx

2、全局安装webpack

cnpm install webpack -g

3、安装vue

cnpm install vue

4、全局安装vue-cli (有低版本和高版本两种)

低版本:cnpm install -g vue-cli

高版本:cnpm install -g @vue/cli

如果你安装的node版本较高可以直接安装高版本的vue-cli,如果安装高版本的失败可以尝试安装低版本的试试

vue-cli是第一代官方项目脚手架 cli版本 < 3(基于Webpack),只能 创建vue2的项目

@vue/cli是第二代官方项目脚手架 cli版本 >= 3(基于Webpack) ,@vue/cli@3 ~ 4.5,只能 创建vue2项目 @vue/cli@4.5以上可以 创建vue2和3的项目

这两个不兼容,也不能同时安装

查看

vue -V (注意一定是大写的V)可以查看安装成功的vue-cli 版本号,安装成功后可以创建vue项目

卸载

卸载vue-cli2命令:

npm uninstall vue-cli -g

或者cnpm uninstall vue-cli -g

卸载vue-cli3命令:

npm uninstall @vue/cli -g

或者cnpm uninstall @vue/cli -g

创建项目

vue-cli: https://cli.vuejs.org/zh/guide/creating-a-project.html

https://juejin.cn/post/7202188318890262588

vue create 项目名

相关推荐
Amumu1213815 分钟前
Vue核心(三)
前端·javascript·vue.js
CoCo的编程之路18 分钟前
2026 前端效能革命:如何利用智能助手实现“光速”页面构建?深度横评
前端·人工智能·ai编程·comate·智能编程助手·文心快码baiducomate
RFCEO34 分钟前
HTML编程 课程五、:HTML5 新增语义化标签
前端·html·html5·跨平台·语义化标签·可生成安卓/ios·html最新版本
Irene19911 小时前
JavaScript中,为什么需要手动清理事件
javascript·手动清理事件监听器
摘星编程1 小时前
OpenHarmony环境下React Native:Zustand持久化存储
javascript·react native·react.js
2501_944521591 小时前
Flutter for OpenHarmony 微动漫App实战:图片加载实现
android·开发语言·前端·javascript·flutter·php
摘星编程1 小时前
在OpenHarmony上用React Native:Recoil选择器异步数据
javascript·react native·react.js
雨中深巷的油纸伞1 小时前
vue 项目部署到iis后 浏览器刷新404
前端·javascript·vue.js
谢尔登2 小时前
从源码视角来看Pinia!
前端·javascript·vue.js
梦6502 小时前
JavaScript 循环
开发语言·javascript·ecmascript