【记录】创建一个新的vue3项目

这篇博客记录了如何使用Vue CLI创建一个名为myvue3的项目,选择了TS、Router和Vuex作为基础配置,并详细描述了在创建过程中对于历史模式、Babel与TS集成以及配置文件存放位置等选项的抉择。最终选择了不使用class-style组件支持TS,不结合Babel和TS,并将配置文件单独存放。项目创建完成后,通过运行命令启动。

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

创建项目指令

创建一个叫myvue3的项目

vue create myvue3

这边这里上面两个应该是模板可以直接创建,我们用下面的自定义模板

这里我们把TS,Router,Vuex选定起来。*空格是选择与取消

回车进入下一步

我们这里就可以选择版本了。3.x!!!!!

接下来这里有个疑问,这里问的是需不需要 class-style 的组件来支持ts,我看了其他帖子说由于 vue3 重写之后,不用 class 也会写的很舒服,也不需要额外的配置,所以我这里选择 N

这里还有个问题, 是否需要结合 Babel 和 ts 一块使用,babel会自动帮你添加 polifill 和转换 JSX,目前还不是很了解,所以选择了n

 因为我上面添加了router,所以这里问我要不要选择history模式,这里我们选择y

关于vue-router的history模式在下面这个帖子里可以了解

vue-router的history模式_「已注销」的博客-优快云博客_vue-router 的history

 这里我直接在第一个选项这里回车了,应该是那个默认的了。

 默认回车

 询问配置文件是否放在package.json里还是单独文件,这里我们选择单独文件

 询问是否用这个创建一个模板,因为是第一次创建,所以选择n

 完成!cd到项目文件夹里运行下

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值