用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/#/
用NodeJs创建一个Vue3项目_第1张图片

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


扩展阅读
ViteVue的开发者尤雨溪开发的新工具,它可以快速搭建一个开发服务器,可用于替代基于Webpack的开发方式,提供一种新的前端开发体验。

用NodeJs创建一个Vue3项目_第2张图片

Vite基于浏览器的ES Modules实现,在工作时,它将拦截有关ES模块的请求(import请求),使用浏览器的

你可能感兴趣的:(vue3,vite,vue.js)