当前位置: 首页 > Web前端 > vue.js

用NodeJs创建一个Vue3项目

时间:2023-04-01 13:00:01 vue.js

作者说:通过阅读下面的文章并练习操作,可以帮助你快速创建一个Vue3项目。Step1:创建文件夹,例如在C盘下创建一个名为vue的文件夹Step2:打开cmd(windows自带的命令提示符工具),进入上一步创建的文件夹cdC:/vue然后回车下面命令初始化vite-vue项目npminit@vitejs/appmy-vue-app--templatevueStep3:初始化完成后,执行安装依赖操作npminstallStep4:运行项目npmrundevStep5:打开浏览器并输入启动地址就可以开始愉快的Vue3入坑之旅了~http://localhost:3000/#/可选步骤:如果需要安装vue-routervuex等依赖,在项目文件夹下运行以下代码:npminstallvue-router@nextnpminstallvuex@next延伸阅读Vite是Vue开发者游雨溪开发的一款新工具。可快速搭建开发服务器,替代基于Webpack的开发方式,提供全新的前端开发体验。Vite基于浏览器的ESModules实现。工作时,会拦截对ES模块的请求(导入请求),使用浏览器的发起HTTP请求,获取并解析对应的模块代码。在这个过程中,Vite省略了Webpack的打包打包过程,可以提供更快的热更新速度。喜欢折腾的朋友可以试试新的~相关文档Vue3文档Vite文档