如何利用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 Elemen-ui之穿梭框使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要介绍了使用vue-cli3新建一个项目并写好基本配置的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-04-04
这篇文章主要为大家详细介绍了Vue使用canvas实现图片压缩上传，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
自定义指令，其实就是在vue提供的钩子中写代码，这篇文章将从源码的角度，带大家深入了解一下Vue2种自定义指令的实现与使用，需要的可以参考一下2023-05-05
我们在平时上网的时候会看到有些图片是加水印的,一般水印往往是后端来做的,不过有些站点要保护的知识产权类型比较多,不光是图片,可能还有视频或者文字,所以我们水印的作用,就是给他做一个适当的限制,本文就给大家介绍一下如何使用Vue实现防篡改的水印2023-08-08
本文主要介绍了vue3+ts代理的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-12-12
本文主要介绍了vue中插槽(slot)几种类型的使用方法,主要分三种,默认插槽,具名插槽,作用域插槽,下面就来一起介绍一下,感兴趣的可以了解一下2024-03-03
React/vue开发报错TypeError:this.getOptions is not a function
这篇文章主要给大家介绍了关于React/vue开发报错TypeError:this.getOptions is not a function的解决方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-07-07
Luckysheet 在vue中离线使用及引入报错的解决方案(推荐)
这篇文章主要介绍了Luckysheet 在vue中离线使用方法及引入报错的解决方案,将dist离线包在项目创建个文件夹放着，然后根据放置的位置在 index.html里面引入，下面通过案例给大家介绍我的项目里面放置的位置，需要的朋友可以参考下2022-10-10
这篇文章主要为大家详细介绍了Vue.js路由实现选项卡简单实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
最新评论