Vue-cli

Vue-cli安装和卸载

• 安装
• • • 1、安装淘宝镜像
    • 2、全局安装webpack
    • 3、安装vue
    • [4、全局安装vue-cli (有低版本和高版本两种）](#4、全局安装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 项目名