vite构建vue3项目的全过程记录

目录环境准备创建项目启动总结环境准备安装最新版本@vuejs/appyarnglobaladd@vue/cli#ORnpminstall-g@vue/cli升级到最新版本@vitej...

目录

环境准备

安装最新版本 @vuejs/app

yarn global add @vue/cli
# OR
npm install -g @vue/cli

升级到最新版本 @vitejs/app

yarn global upgrade @vue/cli
# OR
npm update -g @vue/cli

查看 vue 版本

vue -V

兼容性注意

Vite 需要 Node.js 版本 >= 12.0.0。

故切换 node 版本，可查看该文章：使用 nvs 管理本地 Node 版本。

创建项目

yarn create @vitejs/app <project-name>
# OR
npm init @vitejs/app <project-name>

选择一个框架

选择一种 ECMAScript 的实现

创建完成

启动

npm install
npm run dev
# OR
yarn
yarn dev

目录结构

总结

到编程此这篇关于vite构建vuejs3项目的文章就介绍到这了,更多相关vite构建vue3项目内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！