vite如何构建vue3项目

2024-10-11 10:59:01 作者：harmsworth2016

本文介绍了如何使用Vite快速搭建Vue项目,强调Vite对Node.js版本有最低要求（>=12.0.0）,提供了环境准备、安装步骤和启动指南,旨在帮助开发者高效启动Vue项目

环境准备

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

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

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

目录结构

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。