创建一个vite+vue3项目详细教程

简介: 首先打开本地磁盘,找到一个存放路径

一、首先打开本地磁盘,找到一个存放路径

b95855423ebe496ba934930c6947dd3a.png

这里 我选择将新建项目放置在E盘的demo->vitedemo路径下


二、在该路径处打开命令行cmd

d0f636f30b284a71a8a3206afd6312f9.png

三、在打开的命令行中输入创建命令


注意在搭建之前要安装node.js环境依赖,并且确认你的版本


Vite 需要Node.js版本 14.18+,16+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。


执行命令:


$ npm create vite@latest


起项目名称:这里我起了一个Vite,根据需求起名字即可。


选择你需要的框架类型,由于我这里创建的是一个vue项目,所以选择了vue。


选择语言,这里选择javaScript.

c75343cd8c444af88dcbcaf82d6fb7c8.png


四、这样一个vite+vue3项目就创建完毕了,打开你刚才创建位置对应的文件夹在编译器中即可看到创建好的文档。具体的配置可以参考vite官方教程。

 

目录
相关文章
|
6天前
|
缓存 监控 UED
升级 Vue3 时,如何减少打包体积的增加?
升级 Vue3 时,如何减少打包体积的增加?
85 59
|
5天前
|
JavaScript
在vue3中(vite)引入unocss,安装配置unocss
在vue3中(vite)引入unocss,安装配置unocss
|
4天前
|
JavaScript
vue尚品汇商城项目-day07【vue插件-50.(了解)表单校验插件】
vue尚品汇商城项目-day07【vue插件-50.(了解)表单校验插件】
14 4
|
4天前
|
JavaScript
vue尚品汇商城项目-day07【51.路由懒加载】
vue尚品汇商城项目-day07【51.路由懒加载】
15 4
|
4天前
|
JavaScript
vue尚品汇商城项目-day07【vue插件-54.(了解)生成二维码插件】
vue尚品汇商城项目-day07【vue插件-54.(了解)生成二维码插件】
14 2
|
6天前
|
API UED
升级 Vue3 后,项目的打包体积会有什么变化?
升级 Vue3 后,项目的打包体积会有什么变化?
92 57
|
JavaScript Java 物联网
现有vue项目seo优化
现有vue项目seo优化
|
JavaScript 前端开发
重读vue电商网站45之项目优化上线
重读vue电商网站45之项目优化上线
125 0
重读vue电商网站45之项目优化上线
|
7天前
|
JavaScript
vue组件中的插槽
本文介绍了Vue中组件的插槽使用,包括单个插槽和多个具名插槽的定义及在父组件中的使用方法,展示了如何通过插槽将父组件的内容插入到子组件的指定位置。
|
5天前
|
JavaScript
vue消息订阅与发布
vue消息订阅与发布

相关实验场景

更多
下一篇
无影云桌面