创建vue3新项目(vue-cli 和vite)

文章介绍了如何使用vue-cli和vite创建及启动Vue项目。vue-cli需要确保版本在4.5.0以上,通过npm安装或升级,然后创建和启动项目。vite作为新一代前端构建工具,以其无需打包、快速冷启动和按需编译的优势被提及,但目前大规模使用还不广泛。
摘要由CSDN通过智能技术生成

1.使用vue-cli创建

## 查看@vue.cli版本,确保版本在4.5.0以上
vue --version  /vue -V
##安装或者升级你的@vue.clivue/cli
npm install -g @vue.cli
##创建
vue create vue_test
##启动
cd vue_test
npm run serve

2.使用vite创建

vite:新一代前端构建工具(webpack gulp也是构建工具)
vite的优势:开发环境中,无需打包,可以快速冷启动;轻量快速的热重载;真正的按需编译,不再等待整个应用编译完成

##创建工程
npm init vite-app project-name
##进入工程目录
cd project-name
##安装依赖
npm install
##运行
npm run dev

vite打包速度会更快一些,但是目前没有打规模使用,更推荐第一种

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值