当前位置: 首页 > 工具软件 > mevn-cli > 使用案例 >

Vue cli是什么?Vue cli的安装操作

魏烨熠
2023-12-01

cli
1. cli是什么?

cli是vue提供的一个快速(自动化) 构建项目的一个脚手架 ,类似于我们之前所用的 express-generator

  1. cli的版本
    目前最新 3.x
    老版本是 2.x

  2. cli的底层的自动化工具是: webpack

  3. cli的安装
    npm/cnpm/yarn 都可以使用

    1. $ yarn add @vue/cli global
      这个是cli3的版本
      如果我们还想使用cli2的脚手架,那么我们可以在安装一个包
    2. $ yarn add @vue/cli-init global
      如果有的小伙伴安装3失败了,
      那么你可以使用cnpm继续安装 @vue/cli @vue/cli-init
    3. $ cnpm i @vue/cli -g
      这个是cli3的版本
      如果我们还想使用cli2的脚手架,那么我们可以在安装一个包
    4. $ cnpm i @vue/cli-init -g
      如果还有问题:
      那么你就不要使用cli3了,你可以单独安装cli2 5.
      $ cnpm i vue-cli -g
    5. 验证是否安装成功
      命令行输入: $ vue 看是否有东西输出,如果输出命令提示,证明安装成功
    6. 创建项目

cli3版本创建

  1. 命令创建 【 推荐 】

    $ vue create project

  • 手动选择配置
  • 如果安装node-sass出问题,如何解决:
  • 先切换成npm源 nrm use npm
  • 使用cnpm 安装 cnpm i node-sass sass-loader -D
  1. 图形界面创建
    $ vue ui

cli2

  1. 标准版
    $ vue init webpack project
  2. 简易版
    $ vue init webpack-simple project
 类似资料: