Vue-CLI的安装、项目构建及项目构建目录说明

一、什么是cli?

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

二、cli目前有哪些版本?

  • cli2
  • cli3 — cli3对电脑的配置有一定要求

三、CLI的安装及项目构建

1、说明
  • Vue CLI需要Node.js版本8.9或更高版本
  • Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x或 2.x),你可以通过一下命令卸载它
	npm uninstall vue-cli -g
	#或者
	yarn global remove vue-cli
2、cli的安装

使用npm/cnpm/yarn 都可以安装

i、使用yarn安装,首先要确保你已经安装了yarn。

  • 这个是cli3的版本
   1、$ yarn add @vue/cli global   
  • 如果我们还想使用cli2的脚手架,那么我们可以在安装一个包,调节工具
    2. $ yarn add @vue/cli-init global

ii、 如果使用yarn安装失败,可以使用cnpm继续安装

  • 这个是cli3的版本,调节工具
    1. $ cnpm i  @vue/cli -g
  • 如果我们还想使用cli2
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值