如何利用vite快速搭建vue3项目
更新时间：2024年03月21日 16:04:41 作者：菜鸟茜
这篇文章主要介绍了如何利用vite快速搭建vue3项目问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
1.选择一个文件夹
在vscode终端打开，输入命令【npm create vite@latest】
npm create vite@latest
2.提示你输入项目名称之后
我这里设置的是【rookiedemo】
3.回车之后
出现选择框架的提示，我们选择【vue】回车
4.之后根据你的编码习惯或需要
选择【ts】或者【js】，点回车
5.vite非常贴心
按照对应的提示，即可
6.【cd rookiedemo】
进入对应的工程目录
7.【npm install】安装
安装中……
安装完毕……
8.【npm run dev】运行
9.浏览器打开即可看到
整个过程非常简便快捷！
通过以上步骤，我们就得到了一个非常纯净的框架基底
之后我们将一步一步给这个框架基底添加基础的好用的工具，以便快捷开发。
小Tips：
Vite 需要 Node.js 版本 18+，20+。
然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue-Cli 3.0 中配置高德地图的两种方式，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了Vue实现dom元素拖拽并限制移动范围的操作代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-12-12
vue-router是vue.js官方的路由插件,他和vue.js是深度集成的适合构建单页面应用,下面这篇文章主要给大家介绍了关于Vue router应用问题的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
这篇文章主要介绍了vant的picker组件设置文字超长滚动方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
这篇文章主要介绍了一个Vue页面的内存泄露分析详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
本篇文章主要介绍了VUE元素的隐藏和显示（v-show指令)，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了Vue3中的模板语法和vue指令,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-08-08
vue proxytable代理根路径的同时增加其他代理方式
这篇文章主要介绍了vue proxytable代理根路径的同时增加其他代理方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue中async-await的使用误区,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-12-12
Vue3中Watch、Watcheffect、Computed的使用和区别解析
Watch、Watcheffect、Computed各有优劣,选择使用哪种方法取决于应用场景和需求,watch 适合副作用操作,watchEffect适合简单的自动副作用管理,computed 适合声明式的派生状态计算,本文通过场景分析Vue3中Watch、Watcheffect、Computed的使用和区别,感兴趣的朋友一起看看吧2024-07-07
最新评论