作者说:通过浏览以下文章内容并实际操作,能够帮忙你疾速创立一个 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 文档