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 项目名

相关推荐
JSLove4 分钟前
常见 npm 报错问题
前端·npm
sunbyte5 分钟前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ContentPlaceholder(背景占位)
前端·javascript·css·vue.js·tailwindcss
爱学习的茄子6 分钟前
React Hooks进阶:从0到1打造高性能Todo应用
前端·react.js·面试
知性的小mahua9 分钟前
vue3+canvas实现摄像头ROI区域标记
前端
markyankee1019 分钟前
Vue 计算属性和侦听器详解
vue.js
嘗_25 分钟前
暑期前端训练day5
前端
uncleTom66632 分钟前
前端布局利器:rem 适配全面解析
前端
谦哥35 分钟前
Claude4免费Vibe Coding!目前比较好的Cursor替代方案
前端·javascript·claude
LEAFF1 小时前
如何 测试Labview是否返回数据 ?
前端
Spider_Man1 小时前
🚀 从阻塞到丝滑:React中DeepSeek LLM流式输出的实现秘籍
前端·react.js·llm