作者说:通过浏览以下文章内容并实际操作,能够帮忙你疾速创立一个Vue3我的项目。

Step1:
创立一个文件夹,例如在C盘下创立一个名为vue的文件夹

Step2:
关上cmd(windows自带的命令提示符工具),进入你在上一步创立的文件夹
cd C:/vue

而后输出以下命令,初始化vite-vue我的项目
npm init @vitejs/app my-vue-app --template vue

Step3:
初始化实现之后,进行装置依赖操作
npm install

Step4:
运行我的项目
npm run dev

Step5:
关上浏览器,输出启动地址就能够开始欢快的Vue3入坑之旅了~
http://localhost:3000/#/

非必选Step:
如果须要装置vue-router vuex等依赖,在我的项目文件夹下运行以下代码:
npm install vue-router@next
npm install vuex@next


扩大浏览
ViteVue的开发者尤雨溪开发的新工具,它能够疾速搭建一个开发服务器,可用于代替基于Webpack的开发方式,提供一种新的前端开发体验。

Vite基于浏览器的ES Modules实现,在工作时,它将拦挡无关ES模块的申请(import申请),应用浏览器的<script module> 进行转换,而后通过<script>发动HTTP申请,获取并解析相应的模块代码。

在此过程中,Vite省去了Webpack的捆绑和打包过程,能够提供更快的热更新速度。喜爱折腾的敌人能够尝新一下~


相干文档
Vue3文档
Vite文档