作者说:通过浏览以下文章内容并实际操作,能够帮忙你疾速创立一个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
扩大浏览Vite
是Vue
的开发者尤雨溪开发的新工具,它能够疾速搭建一个开发服务器,可用于代替基于Webpack
的开发方式,提供一种新的前端开发体验。
Vite
基于浏览器的ES Modules
实现,在工作时,它将拦挡无关ES模块的申请(import
申请),应用浏览器的<script module>
进行转换,而后通过<script>
发动HTTP申请,获取并解析相应的模块代码。
在此过程中,Vite
省去了Webpack
的捆绑和打包过程,能够提供更快的热更新速度。喜爱折腾的敌人能够尝新一下~
相干文档
Vue3文档
Vite文档