vue3 - 01搭建工程

文章介绍了如何使用vue-cli和vite搭建Vue项目。vue-cli创建的工程中,index.html位于public目录,而vite项目中它在src目录。引用资源时,vite需明确指定.js后缀。在报错处理方面,提到了一个特定的冲突错误及其解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 使用vue-cli创建工程

1. 命令:vue create xxx

在这里插入图片描述

2. 选择vue3版本

在这里插入图片描述

3. 进入目录

在这里插入图片描述

4. 运行: npm run serve 

在这里插入图片描述
在执行完运行指令后如果报错请查看是否是以下错误,如果是可以按以下步骤进行解决:
ERROR in Conflict: Multiple assets emit different content to the same filename index.html

2. 使用vite脚手架(构建工具)搭建工程

命令:npm init vite xxx
临时去下载vite后去创建一个名称为xxx的项目

在这里插入图片描述

安装依赖:npm i

注意:安装依赖之前先进入到创建的工程目录
![在这里插入图片描述](https://img-blog.csdnimg.cn/53daaafa38904de1a98f6b38fcf91bfc.png

运行:npm run dev

在这里插入图片描述

vue-cli创建的工程和vite创建的工程的区别:
1、 页面文件index.html: vue-cli的在public目录,vite的在src目录。
2、引用别的东西时:vite创建的工程除了.js后缀名其余引入的时候的都要加上后缀名

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值