npmstart.
开工台
开始一个项目

从 原生 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 模板能提供更完整的组件组织方式。

看看另一个起点

命令之外,也把需求写清楚。

选择一个场景,把第一版范围与验收标准一起准备好。

生成项目开工包

官方资料

原生 JavaScript 入门文档