Skip to content

Commit 58bed73

Browse files
updata article: updata content
1 parent c0c9a4f commit 58bed73

File tree

1 file changed

+15
-17
lines changed

1 file changed

+15
-17
lines changed

profiles/nuxt_instructions.md

Lines changed: 15 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -7,19 +7,19 @@
77

88
## 0. NUXT 主要特点及优势
99

10-
1. **服务端渲染 (SSR):** NUXT.js 提供了服务端渲染的能力,这意味着你可以在服务器上预渲染页面,从而提高首屏加载性能,优化搜索引擎爬取等。
10+
1. **服务端渲染 (SSR):** `NUXT.js` 提供了服务端渲染的能力,这意味着你可以在服务器上预渲染页面,从而提高首屏加载性能,优化搜索引擎爬取等。
1111

12-
2. **自动路由配置:** NUXT.js 支持文件系统路由,它会根据 pages 目录中的 Vue 文件自动生成应用的路由配置。这使得路由的配置变得简单和直观。
12+
2. **自动路由配置:** `NUXT.js` 支持文件系统路由,它会根据 `pages` 目录中的 `Vue` 文件自动生成应用的路由配置。这使得路由的配置变得简单和直观。
1313

14-
3. **插件体系:** NUXT.js 具有丰富的插件体系,使得集成第三方库和工具非常容易。你可以使用已有的插件,也可以编写自己的插件来满足项目的需求。
14+
3. **插件体系:** `NUXT.js` 具有丰富的插件体系,使得集成第三方库和工具非常容易。你可以使用已有的插件,也可以编写自己的插件来满足项目的需求。
1515

16-
4. **Vuex 集成:** NUXT.js 集成了 Vuex,一个用于状态管理的 Vue.js 应用程序架构。这有助于管理应用的状态,并实现组件之间的通信。
16+
4. **Vuex 集成:** `NUXT.js` 集成了 `Vuex`,一个用于状态管理的 `Vue.js` 应用程序架构。这有助于管理应用的状态,并实现组件之间的通信。
1717

18-
5. **自动优化:** NUXT.js 自动处理构建和优化,包括代码拆分、压缩、懒加载等,以提高应用性能。
18+
5. **自动优化:** `NUXT.js` 自动处理构建和优化,包括代码拆分、压缩、懒加载等,以提高应用性能。
1919

20-
6. **中间件支持:** NUXT.js 允许你使用中间件来处理路由变化前后的逻辑,这对于鉴权、页面过渡等任务非常有用。
20+
6. **中间件支持:** `NUXT.js` 允许你使用中间件来处理路由变化前后的逻辑,这对于鉴权、页面过渡等任务非常有用。
2121

22-
7. **静态站点生成 (SSG):** 除了服务端渲染,NUXT.js 也支持静态站点生成。这意味着你可以预先生成静态 HTML 文件,这对于一些不需要实时数据的场景非常有用。
22+
7. **静态站点生成 (SSG):** 除了服务端渲染,`NUXT.js` 也支持静态站点生成。这意味着你可以预先生成静态 `HTML` 文件,这对于一些不需要实时数据的场景非常有用。
2323

2424
## 1. 项目引入
2525

@@ -35,9 +35,9 @@ cd my-nuxt-app
3535

3636
## 2. 代码编写
3737

38-
NUXT.js 使用 Vue.js 组件来构建页面。在 `pages` 目录下创建 Vue 文件,NUXT.js 会根据这些文件自动生成路由配置。
38+
* `NUXT.js` 使用 `Vue.js` 组件来构建页面。在 `pages` 目录下创建 `Vue` 文件,`NUXT.js` 会根据这些文件自动生成路由配置。
3939

40-
例如,在 `pages/index.vue` 中编写一个简单的页面:
40+
* 例如,在 `pages/index.vue` 中编写一个简单的页面:
4141

4242
```html
4343
<template>
@@ -64,11 +64,11 @@ h1 {
6464
</style>
6565
```
6666

67-
#### 3. 自动路由配置
67+
## 3. 自动路由配置
6868

69-
NUXT.js 会根据 `pages` 目录下的 Vue 文件自动生成路由配置,无需手动配置路由。这简化了路由的管理。
69+
* NUXT.js 会根据 `pages` 目录下的 Vue 文件自动生成路由配置,无需手动配置路由。这简化了路由的管理。
7070

71-
#### 4. 插件配置
71+
## 4. 插件配置
7272

7373
NUXT.js 允许你配置插件,可以是第三方库或你自己编写的插件。在 `nuxt.config.js` 文件中配置插件:
7474

@@ -81,7 +81,7 @@ export default {
8181
};
8282
```
8383

84-
#### 5. 静态站点生成 (SSG)
84+
## 5. 静态站点生成 (SSG)
8585

8686
如果你需要生成静态站点,可以在 `nuxt.config.js` 中配置:
8787

@@ -100,14 +100,12 @@ npm run generate
100100

101101
生成的文件将存储在 `dist` 目录下,你可以将这些文件部署到任何支持静态文件的托管服务上。
102102

103-
#### 6. 运行项目
103+
## 6. 运行项目
104104

105105
最后,通过以下命令启动你的 NUXT.js 项目:
106106

107107
```bash
108108
npm run dev
109109
```
110110

111-
访问 http://localhost:3000 即可查看你的应用程序。
112-
113-
以上是一个简单的 NUXT.js 使用指南,涵盖了项目引入、代码编写、自动路由配置、插件配置、静态站点生成等方面。希望这能帮助你入门 NUXT.js,快速构建强大的 Vue.js 应用程序!
111+
访问 http://localhost:3000 即可查看你的应用程序

0 commit comments

Comments
 (0)