乐趣区

关于vue3:用NodeJs创建一个Vue3项目

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

退出移动版