release: v2.4.2

Author: ShenQingchuan

.vitepress/theme/sponsors.json

@@ -16,5 +16,11 @@
     "name": "Mux",
     "href": "https://mux.com",
     "src": "/mux.svg"
+  },
+  {
+    "id": "plaid",
+    "name": "Plaid Inc.",
+    "href": "https://plaid.co.jp/",
+    "src": "/plaid.svg"
   }
 ]

blog/announcing-vite2.md

@@ -24,7 +24,7 @@ Vite 1.0 虽然之前进入了 RC 阶段，但在发布之前我们决定进行
 
 设计 Vite 的初衷是为了 [探索黑客原型项目以更好的支持 Vue 单文件组件](https://github.com/vuejs/vue-dev-server)。Vite 1 则是这个想法的延续，并在此基础上增加了对 HMR 支持。
 
-但 2.0 基于之前的经验提供了一个更稳定灵活的内部架构，从而可以完全通过插件机制来支持任意框架。现在 Vite 提供 [官方的 Vue, React, Preact, Lit Element 项目模版](https://github.com/vitejs/vite/tree/main/packages/create-app)，而 Svelte 社区也在开发 Vite 整合方案。
+但 2.0 基于之前的经验提供了一个更稳定灵活的内部架构，从而可以完全通过插件机制来支持任意框架。现在 Vite 提供 [官方的 Vue, React, Preact, Lit Element 项目模版](https://github.com/vitejs/vite/tree/main/packages/create-vite)，而 Svelte 社区也在开发 Vite 整合方案。
 
 ### 全新插件机制和 API {#new-plugin-format-and-api}
 

guide/api-hmr.md

@@ -115,9 +115,10 @@ if (import.meta.hot) {
 监听自定义 HMR 事件。
 
 以下 HMR 事件由 Vite 自动触发：
+
 - `'vite:beforeUpdate'` 当更新即将被应用时（例如，一个模块将被替换）
 - `'vite:beforeFullReload'` 当完整的重载即将发生时
 - `'vite:beforePrune'` 当不再需要的模块即将被剔除时
 - `'vite:error'` 当发生错误时（例如，语法错误）
 
-自定义 HMR 事件可以由插件发送。更多细节详见 [handleHotUpdate](./api-plugin#handleHotUpdate)。
+自定义 HMR 事件可以由插件发送。更多细节详见 [handleHotUpdate](./api-plugin#handleHotUpdate)。

guide/features.md

@@ -24,7 +24,7 @@ Vite 通过 HTTP 头来缓存请求得到的依赖，所以如果你想要编辑
 
 Vite 提供了一套原生 ESM 的 [HMR API](./api-hmr)。 具有 HMR 功能的框架可以利用该 API 提供即时、准确的更新，而无需重新加载页面或清除应用程序状态。Vite 内置了 HMR 到 [Vue 单文件组件（SFC）](https://github.com/vitejs/vite/tree/main/packages/plugin-vue) 和 [React Fast Refresh](https://github.com/vitejs/vite/tree/main/packages/plugin-react-refresh) 中。也通过 [@prefresh/vite](https://github.com/JoviDeCroock/prefresh/tree/main/packages/vite) 对 Preact 实现了官方集成。
 
-注意，你不需要手动设置这些 —— 当你通过 [`@vitejs/create-app`](./) 创建应用程序时，所选模板已经为你预先配置了这些。
+注意，你不需要手动设置这些 —— 当你通过 [`create-vite`](./) 创建应用程序时，所选模板已经为你预先配置了这些。
 
 ## TypeScript {#typescript}
 

guide/index.md

@@ -25,13 +25,19 @@ Vite 需要 [Node.js](https://nodejs.org/en/) 版本 >= 12.0.0。
 使用 NPM:
 
 ```bash
-$ npm init @vitejs/app
+$ npm init vite@latest
 ```
 
 使用 Yarn:
 
 ```bash
-$ yarn create @vitejs/app
+$ yarn create vite
+```
+
+使用 PNPM:
+
+```bash
+$ pnpx create-vite
 ```
 
 然后按照提示操作即可！
@@ -40,13 +46,13 @@ $ yarn create @vitejs/app
 
 ```bash
 # npm 6.x
-npm init @vitejs/app my-vue-app --template vue
+npm init vite@latest my-vue-app --template vue
 
 # npm 7+, 需要额外的双横线：
-npm init @vitejs/app my-vue-app -- --template vue
+npm init vite@latest my-vue-app -- --template vue
 
 # yarn
-yarn create @vitejs/app my-vue-app --template vue
+yarn create vite my-vue-app --template vue
 ```
 
 支持的模板预设包括：
@@ -64,11 +70,11 @@ yarn create @vitejs/app my-vue-app --template vue
 - `svelte`
 - `svelte-ts`
 
-查看 [@vitejs/create-app](https://github.com/vitejs/vite/tree/main/packages/create-app) 获取每个模板的更多细节。
+查看 [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite) 以获取每个模板的更多细节。
 
 ## 社区模板 {#community-templates}
 
-@vitejs/create-app 是一个快速生成主流框架基础模板的工具。查看 Awesome Vite 仓库的 [社区维护模板](https://github.com/vitejs/awesome-vite#templates)，里面包含各种工具和不同框架的模板。你可以用如 [degit](https://github.com/Rich-Harris/degit) 之类的工具，使用社区模版来搭建项目。
+create-vite 是一个快速生成主流框架基础模板的工具。查看 Awesome Vite 仓库的 [社区维护模板](https://github.com/vitejs/awesome-vite#templates)，里面包含各种工具和不同框架的模板。你可以用如 [degit](https://github.com/Rich-Harris/degit) 之类的工具，使用社区模版来搭建项目。
 
 ```bash
 npx degit user/project my-project