Vite 2.9 构建 vue 项目

vite 和 vue-cli 都是脚手架工具
vite 是尤大大开发的构建工具,是基于浏览器原生 ES 模块导入的开发服务器,跳过了打包的概念,由服务器端按需编译返回。

Vite 最新版本是 2.9.2,github 上的最新版本是 2.9.8
Vite 构建 vue 项目比 vue-cli 无需配置太多。

1. vite 初始化

yarn create vite
填入要构建的项目名称,我这里是 “hello-world”

在这里插入图片描述

2. 选择构建语言

选择 vue,vite默认 vue 的版本是 vue3

在这里插入图片描述

3. 选择是否使用 typescript

选择 使用 typescript

在这里插入图片描述
然后配置就完成了,并给出步骤,进入文件夹,下载依赖,执行 yarn dev 就可以了

在这里插入图片描述
下载依赖,执行 yarn

在这里插入图片描述
启动项目,执行 yarn dev

在这里插入图片描述
搞定。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值