从 原生 JavaScript
开始一个项目。
没有框架也很好。给小实验、原型和 Web API 留一点空间。
什么时候选它?
适合小型演示、浏览器 API 实验或学习 JavaScript 本身。Vite 提供模块开发和打包能力,不强制引入 UI 框架。页面复杂度上升后,再决定是否需要组件框架。
先准备开发环境
使用满足当前 Vite 要求的 Node.js 版本。默认选择 TypeScript,也可以在生成器中切回 JavaScript。
在新的项目父目录中打开终端,逐条运行命令。初始化向导出现问题时,以终端中的实际提示为准。
创建、安装、运行
下面使用 npm 与 TypeScript 模板。其他包管理器可以在首页生成器切换;Yarn 命令以支持 dlx 的现代版本为前提。
终端命令
npm create vite@latest my-app -- --template vanilla-ts
cd my-app
npm install
npm run dev跑起来之后,先改哪里?
从 src/main.ts 或 src/main.js 开始,直接使用 DOM API。构建后检查 dist 目录,可将它部署到支持静态文件的托管平台。
什么时候考虑其他方案?
如果界面有大量可复用组件、状态和复杂交互,React 或 Vue 模板能提供更完整的组件组织方式。
看看另一个起点