Vue-cli

Vue-cli安装和卸载

  • 安装
      • 1、安装淘宝镜像
      • 2、全局安装webpack
      • 3、安装vue
      • 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/[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 项目名

你可能感兴趣的:(vue.js,前端,javascript)