使用vite创建vue3项目

最新推荐文章于 2024-03-04 16:30:37 发布
最新推荐文章于 2024-03-04 16:30:37 发布
阅读量422 收藏 7
点赞数 8
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Canace_Xyxjjcaw/article/details/135226801
版权

1、使用管理员身份打开命令行窗口，输入命令: npm create vue@latest

TypeScript语法选择是，其他依次选择否，创建完毕。

2、 创建完毕后打开项目，vscode会提示安装开发相关的插件，选择install

3、打开vscode终端，输入npm i    安装程序所需要的依赖包

 安装完毕后打开下述文件不会报错了，该文件是为了引入ts能辨别相关文件

4、上述完成后，输入npm run dev可启动项目

 

毎天要喝八杯水
关注
  • 8
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
个Vite+Vue3+TypeScript+Cesium.js集成模板是一个开箱即用的项目模板
04-01
这个Vite+Vue3+TypeScript+Cesium.js集成模板是一个开箱即用的项目模板，旨在帮助开发者快速搭建基于Cesium.js的Vue3应用程序。该模板使用了最新的Vite构建工具和Vue3框架，并集成了TypeScript和Cesium.js技术栈。 该模板提供了一个简单的示例，展示了如何在Vue3应用程序中使用Cesium.js API创建一个基本的地球场景，并实现了一些基本的交互功能。除此之外，该模板还提供了一些常用的依赖和插件，如axios、element-plus、vuex等，可以方便地扩展应用程序的功能。 如果您想快速搭建一个基于Cesium.js的Vue3应用程序，这个模板将是一个很好的起点，可以帮助您快速启动项目，并提供了可靠的技术栈和开发经验。
vite 创建vue3项目
cc_Crt的博客
09-28 1158
第一步 执行命令 npm init vue@latest第二步.vite项目使用 less sass scss。
Vue3：用vite创建Vue3项目
最新发布
Brave_heart4pzj的博客
03-04 434
Vue
通过脚手架Vite创建Vue 3项目（主页分栏：Web实验练习）
01-20
（Web实验练习）通过脚手架Vite创建Vue 3项目【实验二】
【Vue3】利用vite创建vue3项目
m0_55394328的博客
03-19 1146
vite是一个web开发构建工具，由于其原生ES模块导入方式，可以实现闪电般的冷服务器启动。相对于webpack可以更快创建项目。注意：vite不支持IE11一个开发服务器，它利用原生ES模块提供了丰富的内建功能。一套构建指令，它使用Rollup打包代码，预配置输出高度优化的静态资源用于生产。serve：启动一个用于开发的服务器build：构建整个项目，也就是上线以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏，持续更新呢~咱们下期再见~
【Vue3】使用Vite构建工具构建Vue3项目
早睡早起长头发的博客
08-17 6349
一、利用cmd和vscode创建 二、利用webstorm创建
通过命令行创建vue项目的方法
08-29
主要介绍了通过命令创建vue项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
使用vite创建vue3项目命令
m0_56168677的博客
03-05 2396
使用vite创建vue3项目命令
【vue3】使用vite构建vue3项目
嗨，朋友你好！我是前端领域的工作者
03-30 2万+
使用vite构建vue3项目、vite介绍、vite对比webpack
详细vite创建vue3项目(vue3+vue-router+ts+vite+element-plus+pinia)
qq_44423029的博客
08-17 4万+
超详细步骤vite创建vue3项目，技术栈vue3+ts+vite+element-plus+pinia，跟着做就搭出来了（保姆级）
使用 Vite 创建 Vue 3 项目
qq_43313093的博客
06-13 3929
以上就是使用 Vite 创建 Vue 3 项目的基本流程。需要注意的是，Vite 的开发服务器采用了快速的 HMR（热更新）方案，相比于传统的打包工具开发效率更高，但在生产环境中需要使用打包工具打包部署。另外，Vite 还有很多其他的特性和插件，可以根据实际需要进行使用和配置。等待片刻后，Vite 就会在浏览器中打开一个新的窗口，你就可以开始开发 Vue 3 项目了。其中，my-vue3-app 是项目的名称，你可以根据实际需要进行修改。
vue3+vite创建项目-（傻瓜式教程）
01-19
vue3+vite创建项目-（傻瓜式教程）
cvep:基于下一代开发服务器vite和vue3创建Electron项目
05-10
CVEP基于下一代开发服务器vite和vue3创建Electron项目。 项目使用vite2.0，vue3和最新的电子。要添加的其他项，例如ElementPlus，Vuex等。 兼容性说明： Vite要求版本> = 12.0.0。 :stopwatch: 快速创建项目 :high_...
vue3学习笔记（2）vite创建vue3项目
gtd54789的博客
04-23 789
Vue3专栏入口 目录一、Vite构建工具二、目录讲解2.1 public目录2.2 src目录2.2.1 assets目录2.2.2 components目录2.2.3 App.vue2.2.4 main.js2.3 其他文件2.3.1 .gitgnore2.3.2 index.html2.3.3 package-lock.json、package.json、README.md 一、Vite构建工具 Vue3官方文档 Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的
使用vite搭建vue3项目（vite + vue3 + vue router + pinia + element plus）
m0_58565372的博客
01-03 4329
1.更改http://localhost:3000/到8080与Network路由访问（server对象为新增，其余的都是源代码）或者一步到位通过附加的命令行选项直接指定项目名称和你想要使用的模板（根据自己npm版本来选择不同的命令行）（2）修改vite.config.ts配置文件代码，（resolve对象为新增，其余都是源代码）（1）在src目录下新建router文件夹，在router里创建index.ts文件。4.安装css 预处理器 sass。（1）在main.ts引入。（1）在main.ts引入。
Vite 创建 Vue3 项目(完整)
m0_54158068的博客
02-25 1811
Vite 创建 Vue3 项目(完整)
vite+vue3+ts 手把手教你创建一个vue3项目
热门推荐
weixin_59916662的博客
10-17 5万+
基本全程cv安装router，less / scss，pinia，axios，element / Ant Design Vue，Echarts ，mockjs，以及如何配置@别名，自定义组件，vue-devtools插件。
Vite创建Vue3项目
weixin_50117915的博客
01-16 1400
Vite创建Vue3项目
vite创建vue3项目
m0_47659279的博客
05-21 2415
这种方式创建的项目最快捷，因为基本依赖都装好了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值