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

相关推荐
发现你走远了5 分钟前
前端多环境自动化部署实战:GitHub Actions + Azure Blob + Cloudflare
前端·自动化·github
香香爱编程5 分钟前
vue3自定义顶部弹窗
前端·javascript·vue.js
weelinking16 分钟前
【产品】10_搭建前端框架——把你的原型变成真实页面
java·大数据·前端·数据库·人工智能·python·前端框架
蜡台16 分钟前
Vue Echart 的 **高阶组件化** 封装思路
前端·javascript·vue.js·echarts
xuankuxiaoyao16 分钟前
vue.js 路由第二篇
前端·javascript·vue.js
一 乐17 分钟前
图书电子商务网站系统|基于SprinBoot+vue图书电子商务网站设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·图书电子商务网站系统
weifengma-wish18 分钟前
通过NPM安装claude code
前端·npm·node.js
yaoxin52112319 分钟前
421. Java 日期时间 API - 包结构 & 方法命名规范
java·前端·python
叫我少年21 分钟前
ASP.NET Core Razor 语法简述
前端
开开心心就好23 分钟前
解决图片无页码添加功能的实用工具
javascript·python·安全·智能手机·pdf·音视频·1024程序员节