docs: update documentation translations (#15)

Co-authored-by: xiaoyu2er <[email protected]>

Author: github-actions[bot]

apps/docs/content/zh-hans/docs/01-app/01-getting-started/01-installation.mdx

@@ -1,23 +1,23 @@
 ---
-source-updated-at: '2025-05-16T04:52:11.000Z'
-translation-updated-at: '2025-05-17T02:12:53.432Z'
+source-updated-at: 2025-05-21T18:33:43.000Z
+translation-updated-at: 2025-05-21T19:18:02.138Z
 title: 如何新建 Next.js 项目
 nav_title: 安装指南
 description: 使用 `create-next-app` CLI 创建新的 Next.js 应用，并配置 TypeScript、ESLint 和模块路径别名。
 ---
 
-{/* 本文档内容在应用路由和页面路由间共享。可使用 `<PagesOnly>内容</PagesOnly>` 组件添加仅适用于页面路由的内容。任何共享内容不应包裹在组件中。*/}
+{/* 本文档内容在应用路由和页面路由间共享。如需添加仅适用于页面路由的内容，可使用 `<PagesOnly>内容</PagesOnly>` 组件。共享内容不应包裹在任何组件中。*/}
 
 ## 系统要求
 
 开始前请确保系统满足以下要求：
 
 - [Node.js 18.18](https://nodejs.org/) 或更高版本
-- macOS、Windows（含 WSL）或 Linux
+- macOS、Windows（含 WSL）或 Linux 系统
 
 ## 自动安装
 
-创建 Next.js 应用最快的方式是使用 [`create-next-app`](/docs/app/api-reference/cli/create-next-app)，它会自动完成所有设置。运行以下命令创建项目：
+创建 Next.js 应用最快的方式是使用 [`create-next-app`](/docs/app/api-reference/cli/create-next-app)，它会自动完成所有配置。运行以下命令创建项目：
 
 ```bash filename="终端"
 npx create-next-app@latest
@@ -26,18 +26,18 @@ npx create-next-app@latest
 安装过程中会看到以下提示：
 
 ```txt filename="终端"
-项目名称是什么？my-app
+请输入项目名称？my-app
 是否使用 TypeScript？否 / 是
 是否使用 ESLint？否 / 是
 是否使用 Tailwind CSS？否 / 是
-是否将代码放在 `src/` 目录中？否 / 是
-是否使用 App Router？（推荐）否 / 是
+是否将代码放在 `src/` 目录下？否 / 是
+是否使用应用路由（推荐）？否 / 是
 是否在 `next dev` 中使用 Turbopack？否 / 是
 是否自定义导入别名（默认为 `@/*`）？否 / 是
-要配置什么导入别名？@/*
+请输入配置的导入别名？@/*
 ```
 
-完成提示后，[`create-next-app`](/docs/app/api-reference/cli/create-next-app) 会创建以项目名命名的文件夹并安装所需依赖。
+完成提示后，[`create-next-app`](/docs/app/api-reference/cli/create-next-app) 会创建项目文件夹并安装所需依赖。
 
 ## 手动安装
 
@@ -65,7 +65,7 @@ npm install next@latest react@latest react-dom@latest
 - `next dev`：启动开发服务器
 - `next build`：构建生产环境应用
 - `next start`：启动生产服务器
-- `next lint`：运行 ESLint
+- `next lint`：运行 ESLint 检查
 
 <AppOnly>
 
@@ -103,20 +103,20 @@ export default function RootLayout({ children }) {
 
 ```tsx filename="app/page.tsx" switcher
 export default function Page() {
-  return <h1>Hello, Next.js!</h1>
+  return <h1>你好，Next.js！</h1>
 }
 ```
 
 ```jsx filename="app/page.js" switcher
 export default function Page() {
-  return <h1>Hello, Next.js!</h1>
+  return <h1>你好，Next.js！</h1>
 }
 ```
 
-当用户访问应用根路径 (`/`) 时，`layout.tsx` 和 `page.tsx` 会被渲染。
+当用户访问应用根路径 (`/`) 时，`layout.tsx` 和 `page.tsx` 将同时渲染。
 
 <Image
-  alt="App 文件夹结构"
+  alt="应用目录结构"
   srcLight="/docs/light/app-getting-started.png"
   srcDark="/docs/dark/app-getting-started.png"
   width="1600"
@@ -125,8 +125,8 @@ export default function Page() {
 
 > **须知**：
 >
-> - 如果忘记创建根布局，运行 `next dev` 启动开发服务器时 Next.js 会自动创建该文件
-> - 可选择在项目根目录使用 [`src` 文件夹](/docs/app/api-reference/file-conventions/src-folder) 来分离应用代码和配置文件
+> - 如果忘记创建根布局，运行 `next dev` 启动开发服务器时 Next.js 会自动生成
+> - 可选择使用项目根目录下的 [`src` 文件夹](/docs/app/api-reference/file-conventions/src-folder) 来分离应用代码和配置文件
 
 </AppOnly>
 
@@ -136,21 +136,21 @@ export default function Page() {
 
 Next.js 使用文件系统路由，意味着应用路由由文件结构决定。
 
-在项目根目录创建 `pages` 文件夹，然后添加 `index.tsx` 文件作为首页 (`/`)：
+在项目根目录创建 `pages` 文件夹，然后添加 `index.tsx` 作为首页 (`/`)：
 
 ```tsx filename="pages/index.tsx" switcher
 export default function Page() {
-  return <h1>Hello, Next.js!</h1>
+  return <h1>你好，Next.js！</h1>
 }
 ```
 
 ```jsx filename="pages/index.js" switcher
 export default function Page() {
-  return <h1>Hello, Next.js!</h1>
+  return <h1>你好，Next.js！</h1>
 }
 ```
 
-接着在 `pages/` 中添加 `_app.tsx` 文件定义全局布局。了解更多关于[自定义 App 文件](/docs/pages/building-your-application/routing/custom-app)。
+接着在 `pages/` 下添加 `_app.tsx` 定义全局布局。了解更多关于[自定义 App 文件](/docs/pages/building-your-application/routing/custom-app)。
 
 ```tsx filename="pages/_app.tsx" switcher
 import type { AppProps } from 'next/app'
@@ -166,7 +166,7 @@ export default function App({ Component, pageProps }) {
 }
 ```
 
-最后在 `pages/` 中添加 `_document.tsx` 文件控制服务器初始响应。了解更多关于[自定义 Document 文件](/docs/pages/building-your-application/routing/custom-document)。
+最后在 `pages/` 下添加 `_document.tsx` 控制服务器初始响应。了解更多关于[自定义 Document 文件](/docs/pages/building-your-application/routing/custom-document)。
 
 ```tsx filename="pages/_document.tsx" switcher
 import { Html, Head, Main, NextScript } from 'next/document'
@@ -204,49 +204,49 @@ export default function Document() {
 
 ### 创建 `public` 文件夹（可选）
 
-在项目根目录创建 [`public` 文件夹](/docs/app/api-reference/file-conventions/public-folder) 存放图片、字体等静态资源。`public` 内的文件可通过根路径 (`/`) 引用。
+在项目根目录创建 [`public` 文件夹](/docs/app/api-reference/file-conventions/public-folder) 存放静态资源（如图片、字体等）。`public` 中的文件可通过根路径 (`/`) 引用。
 
 例如 `public/profile.png` 可引用为 `/profile.png`：
 
 ```tsx filename="app/page.tsx" highlight={4} switcher
 import Image from 'next/image'
 
 export default function Page() {
-  return <Image src="/profile.png" alt="Profile" width={100} height={100} />
+  return <Image src="/profile.png" alt="个人头像" width={100} height={100} />
 }
 ```
 
 ```jsx filename="app/page.js" highlight={4} switcher
 import Image from 'next/image'
 
 export default function Page() {
-  return <Image src="/profile.png" alt="Profile" width={100} height={100} />
+  return <Image src="/profile.png" alt="个人头像" width={100} height={100} />
 }
 ```
 
 ## 运行开发服务器
 
-1. 运行 `npm run dev` 启动开发服务器
+1. 执行 `npm run dev` 启动开发服务器
 2. 访问 `http://localhost:3000` 查看应用
-3. 编辑<AppOnly>`app/page.tsx`</AppOnly> <PagesOnly>`pages/index.tsx`</PagesOnly> 文件并保存，浏览器中即可看到更新结果
+3. 编辑 <AppOnly>`app/page.tsx`</AppOnly><PagesOnly>`pages/index.tsx`</PagesOnly> 文件并保存，浏览器中即可看到更新结果
 
 ## 配置 TypeScript
 
-> 最低 TypeScript 版本要求：`v4.5.2`
+> TypeScript 最低版本要求：`v4.5.2`
 
-Next.js 内置 TypeScript 支持。要添加 TypeScript 到项目，只需将文件重命名为 `.ts` / `.tsx` 并运行 `next dev`。Next.js 会自动安装必要依赖并添加包含推荐配置的 `tsconfig.json` 文件。
+Next.js 内置 TypeScript 支持。要将 TypeScript 添加到项目，只需将文件重命名为 `.ts`/`.tsx` 并运行 `next dev`。Next.js 会自动安装必要依赖并创建包含推荐配置的 `tsconfig.json` 文件。
 
 <AppOnly>
 
 ### IDE 插件
 
-Next.js 包含自定义 TypeScript 插件和类型检查器，可供 VSCode 等代码编辑器实现高级类型检查和自动补全。
+Next.js 包含自定义 TypeScript 插件和类型检查器，可供 VSCode 等编辑器实现高级类型检查和自动补全。
 
 在 VS Code 中启用插件：
 
 1. 打开命令面板 (`Ctrl/⌘` + `Shift` + `P`)
-2. 搜索 "TypeScript: Select TypeScript Version"
-3. 选择 "Use Workspace Version"
+2. 搜索 "TypeScript: 选择 TypeScript 版本"
+3. 选择 "使用工作区版本"
 
 <Image
   alt="TypeScript 命令面板"
@@ -258,13 +258,13 @@ Next.js 包含自定义 TypeScript 插件和类型检查器，可供 VSCode 等
 
 </AppOnly>
 
-更多信息请参考 [TypeScript 参考文档](/docs/app/api-reference/config/next-config-js/typescript)。
+更多信息请参考 [TypeScript 配置文档](/docs/app/api-reference/config/next-config-js/typescript)。
 
 ## 配置 ESLint
 
-Next.js 内置 ESLint 支持。使用 `create-next-app` 创建新项目时会自动安装必要包并配置正确设置。
+Next.js 内置 ESLint 支持。使用 `create-next-app` 创建项目时会自动安装必要包并配置正确设置。
 
-要为现有项目手动添加 ESLint，在 `package.json` 中添加 `next lint` 脚本：
+要为现有项目手动添加 ESLint，请在 `package.json` 中添加 `next lint` 脚本：
 
 ```json filename="package.json"
 {
@@ -274,35 +274,35 @@ Next.js 内置 ESLint 支持。使用 `create-next-app` 创建新项目时会自
 }
 ```
 
-然后运行 `npm run lint`，将引导完成安装和配置流程：
+然后运行 `npm run lint`，安装向导将引导完成配置过程：
 
 ```bash filename="终端"
 npm run lint
 ```
 
-您会看到如下提示：
+您将看到如下提示：
 
-> ? 您希望如何配置 ESLint？
+> ? 希望如何配置 ESLint？
 >
 > ❯ 严格模式（推荐）  
 > 基础模式  
 > 取消
 
-- **严格模式**：包含 Next.js 基础 ESLint 配置及更严格的 Core Web Vitals 规则集。初次设置 ESLint 时推荐此配置
+- **严格模式**：包含 Next.js 基础 ESLint 配置及更严格的 Core Web Vitals 规则集。首次配置 ESLint 时推荐使用
 - **基础模式**：仅包含 Next.js 基础 ESLint 配置
-- **取消**：跳过配置。如计划自定义 ESLint 配置请选此项
+- **取消**：跳过配置。如需自定义 ESLint 配置请选择此项
 
 选择"严格"或"基础"后，Next.js 会自动安装 `eslint` 和 `eslint-config-next` 依赖，并在项目根目录创建包含所选配置的 `.eslintrc.json` 文件。
 
-现在可随时运行 `next lint` 执行 ESLint 检查。ESLint 设置完成后，每次构建 (`next build`) 时也会自动运行。错误会导致构建失败，而警告不会。
+此后可通过运行 `next lint` 执行 ESLint 检查。ESLint 配置完成后，每次构建 (`next build`) 时也会自动运行。错误会导致构建失败，而警告不会。
 
 更多信息请参考 [ESLint 插件文档](/docs/app/api-reference/config/next-config-js/eslint)。
 
 ## 配置绝对导入和模块路径别名
 
-Next.js 原生支持 `tsconfig.json` 和 `jsconfig.json` 文件中的 `"paths"` 和 `"baseUrl"` 选项。
+Next.js 原生支持 `tsconfig.json` 和 `jsconfig.json` 中的 `"paths"` 和 `"baseUrl"` 选项。
 
-这些选项允许将项目目录别名化为绝对路径，使模块导入更简洁。例如：
+这些选项允许将项目目录映射为绝对路径，使模块导入更清晰简洁。例如：
 
 ```jsx
 // 之前
@@ -312,7 +312,7 @@ import { Button } from '../../../components/button'
 import { Button } from '@/components/button'
 ```
 
-要配置绝对导入，在 `tsconfig.json` 或 `jsconfig.json` 中添加 `baseUrl` 配置选项。例如：
+要配置绝对导入，请在 `tsconfig.json` 或 `jsconfig.json` 中添加 `baseUrl` 配置：
 
 ```json filename="tsconfig.json 或 jsconfig.json"
 {
@@ -322,7 +322,7 @@ import { Button } from '@/components/button'
 }
 ```
 
-除配置 `baseUrl` 路径外，还可使用 `"paths"` 选项设置模块路径"别名"。
+除配置 `baseUrl` 外，还可使用 `"paths"` 选项设置模块路径"别名"。
 
 例如以下配置将 `@/components/*` 映射到 `components/*`：
 
@@ -338,4 +338,4 @@ import { Button } from '@/components/button'
 }
 ```
 
-每个 `"paths"` 都相对于 `baseUrl` 位置。
+每个 `"paths"` 都相对于 `baseUrl` 指定的位置。