Skip to content

Commit c0c9a4f

Browse files
updata article: updata content&add discribtion
1 parent d2af3f0 commit c0c9a4f

File tree

1 file changed

+23
-4
lines changed

1 file changed

+23
-4
lines changed

profiles/nuxt_instructions.md

Lines changed: 23 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,39 @@
11
# NUXT 使用指南
22

3-
#### 1. 项目引入
3+
## 阅读本文您将收获
4+
* NUXT.js的主要特点及优势
5+
* 创建 NUXT.js 项目
6+
* NUXT 项目相关配置
47

5-
首先,确保你已经安装了 Node.js 和 npm。然后,你可以通过以下命令初始化一个新的 NUXT.js 项目:
8+
## 0. NUXT 主要特点及优势
9+
10+
1. **服务端渲染 (SSR):** NUXT.js 提供了服务端渲染的能力,这意味着你可以在服务器上预渲染页面,从而提高首屏加载性能,优化搜索引擎爬取等。
11+
12+
2. **自动路由配置:** NUXT.js 支持文件系统路由,它会根据 pages 目录中的 Vue 文件自动生成应用的路由配置。这使得路由的配置变得简单和直观。
13+
14+
3. **插件体系:** NUXT.js 具有丰富的插件体系,使得集成第三方库和工具非常容易。你可以使用已有的插件,也可以编写自己的插件来满足项目的需求。
15+
16+
4. **Vuex 集成:** NUXT.js 集成了 Vuex,一个用于状态管理的 Vue.js 应用程序架构。这有助于管理应用的状态,并实现组件之间的通信。
17+
18+
5. **自动优化:** NUXT.js 自动处理构建和优化,包括代码拆分、压缩、懒加载等,以提高应用性能。
19+
20+
6. **中间件支持:** NUXT.js 允许你使用中间件来处理路由变化前后的逻辑,这对于鉴权、页面过渡等任务非常有用。
21+
22+
7. **静态站点生成 (SSG):** 除了服务端渲染,NUXT.js 也支持静态站点生成。这意味着你可以预先生成静态 HTML 文件,这对于一些不需要实时数据的场景非常有用。
23+
24+
## 1. 项目引入
625

726
```bash
827
npx create-nuxt-app my-nuxt-app
928
```
1029

11-
根据提示选择你的项目配置,比如选择是否使用服务器端渲染 (SSR)、选择 UI 框架等。初始化完成后,进入项目目录:
30+
* 根据提示选择你的项目配置,比如选择是否使用服务器端渲染 (SSR)、选择 UI 框架等。初始化完成后,进入项目目录:
1231

1332
```bash
1433
cd my-nuxt-app
1534
```
1635

17-
#### 2. 代码编写
36+
## 2. 代码编写
1837

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

0 commit comments

Comments
 (0)