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/[email protected]以上可以 创建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 项目名

相关推荐
coding随想1 分钟前
深入浅出WebGL:在浏览器中解锁3D世界的魔法钥匙
javascript
_揽24 分钟前
html如何在一张图片上的某一个区域做到点击事件
前端·html
踢足球的,程序猿27 分钟前
从 Vue 2.0 进阶到 Vue 3.0 的核心技术解析指南
前端·javascript·vue.js·前端框架·html
冷凌爱29 分钟前
Fetch与Axios:区别、联系、优缺点及使用差异
前端·node.js·js
袁煦丞1 小时前
跨平台终端王者Tabby:cpolar内网穿透实验室第632个成功挑战
前端·程序员·远程工作
Sailing1 小时前
Grafana-mcp-analyzer:基于 MCP 的轻量 AI 分析监控图表的运维神器!
前端·node.js·mcp
阿山同学.1 小时前
AWS 亚马逊 S3存储桶直传 前端demo 复制即可使用
前端·javascript·aws
Jolyne_1 小时前
grid 实现完美的水平铺满、间隔一致的自适应布局
前端·css
sunly_1 小时前
Flutter:导航固定背景图,滚动时导航颜色渐变
android·javascript·flutter
西洼工作室1 小时前
【解决导航栏字体图标渲染导致文本闪烁问题】采用腾讯视频的解决方案
前端·css·css3