cli

  1. 什么是cli?
    cli是vue提供的一个用来快速构建项目环境的一个工具,底层使用的是webpack

  2. cli目前有哪些版本?
    cli2 cli3
    cli3对电脑的配置有一定要求

  3. cli如何使用?

    1. 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
        $ cnpm i vue-cli -g
  4. 验证是否安装成功
    命令行输入: $ vue 看是否有东西输出,如果输出命令提示,证明安装成功

  5. 创建项目
    cli3版本创建

    1. 命令创建 【 推荐 】
      $ vue create project
      - 手动选择配置
      - 如果安装node-sass出问题,如何解决:
      - 先切换成npm源 nrm use npm
      - 使用cnpm 安装 cnpm i node-sass -D
    2. 图形界面创建
      $ vue ui
      cli2
    3. 标准版
      $ vue init webpack project
    4. 简易版
      $ vue init webpack-simple project
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值