mirror of
https://github.com/SpaceVim/SpaceVim.git
synced 2025-01-24 09:20:06 +08:00
885bc3863e
close https://github.com/SpaceVim/SpaceVim/pull/4751 Co-authored-by: Ricardo Martincoski <ricardo.martincoski@gmail.com>
66 lines
1.5 KiB
Markdown
66 lines
1.5 KiB
Markdown
---
|
|
title: "SpaceVim lang#html 模块"
|
|
description: "这一模块为 SpaceVim 提供了 HTML 的开发支持，包括代码补全、语法检查、代码格式化等特性。"
|
|
lang: zh
|
|
---
|
|
|
|
# [可用模块](../../) >> lang#html
|
|
|
|
<!-- vim-markdown-toc GFM -->
|
|
|
|
- [模块描述](#模块描述)
|
|
- [启用模块](#启用模块)
|
|
- [安装语言服务器](#安装语言服务器)
|
|
- [模块选项](#模块选项)
|
|
- [功能特性](#功能特性)
|
|
- [快捷键](#快捷键)
|
|
|
|
<!-- vim-markdown-toc -->
|
|
|
|
## 模块描述
|
|
|
|
这一模块为 HTML、CSS 开发提供支持，包括代码补全、语法检查、代码格式化等特性。
|
|
|
|
## 启用模块
|
|
|
|
可通过在配置文件内加入如下配置来启用该模块：
|
|
|
|
```toml
|
|
[[layers]]
|
|
name = "lang#html"
|
|
```
|
|
|
|
### 安装语言服务器
|
|
|
|
通过 `npm` 安装 html 的语言服务器，配合 lsp 模块提供代码补全等特性。
|
|
|
|
```bash
|
|
npm install --global vscode-html-languageserver-bin
|
|
```
|
|
|
|
## 模块选项
|
|
|
|
- `emmet_leader_key`: 设置插件 emmet 的默认前置键。
|
|
- `emmet_filetyps`：设置启用 emmet 插件的文件类型列表。
|
|
|
|
```toml
|
|
[[layers]]
|
|
name = "lang#html"
|
|
emmet_leader_key = "<C-e>"
|
|
emmet_filetyps = ['html']
|
|
```
|
|
|
|
## 功能特性
|
|
|
|
- 通过[neosnippet](https://github.com/Shougo/neosnippet.vim/) 和 [emmet-vim](https://github.com/mattn/emmet-vim) 自动生成 HTML、CSS 代码块
|
|
- 标签对跳转
|
|
- 代码补全
|
|
- 语法检查
|
|
- lsp 支持
|
|
|
|
## 快捷键
|
|
|
|
| 快捷键 | 功能描述 |
|
|
| -------- | ------------ |
|
|
| `Ctrl-e` | emmet 前缀键 |
|