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

相关推荐
有位神秘人24 分钟前
Android中Notification的使用详解
android·java·javascript
phltxy1 小时前
Vue 核心特性实战指南:指令、样式绑定、计算属性与侦听器
前端·javascript·vue.js
Byron07072 小时前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js
css趣多多2 小时前
地图快速上手
前端
zhengfei6112 小时前
面向攻击性安全专业人员的一体化浏览器扩展程序[特殊字符]
前端·chrome·safari
码丁_1173 小时前
为什么前端需要做优化?
前端
Mr Xu_3 小时前
告别硬编码:前端项目中配置驱动的实战优化指南
前端·javascript·数据结构
Byron07073 小时前
从 0 到 1 搭建 Vue 前端工程化体系:提效、提质、降本实战落地
前端·javascript·vue.js
哆啦code梦3 小时前
前端存储三剑客:localStorage、sessionStorage与Cookie解析
前端·前端存储
zhengfei6114 小时前
【AI平台】- 基于大模型的知识库与知识图谱智能体开发平台
vue.js·语言模型·langchain·知识图谱·多分类