sublime配置jade语法高亮

1. 简介

Sublime Text 是一款极受欢迎的文本编辑器，提供了丰富的插件和语法高亮功能。本文将介绍如何配置 Sublime Text 来实现 Jade 语法高亮。

2. 安装插件

在 Sublime Text 中，使用插件可以方便地实现对 Jade 语言的语法高亮，这里我们将介绍如何安装插件。

2.1. Package Control 安装插件

Package Control 是一种优秀的插件管理工具，可以方便的安装和管理 Sublime Text 中的插件。

首先，打开 Sublime Text，按下 Ctrl + ` 快捷键打开控制台，粘贴下面的代码并回车：

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try again.' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

然后按下 Ctrl + Shift + P 打开命令面板，选择 “Package Control: Install Package” 命令来安装插件。

在弹出的搜索框中输入 jade，然后选择“Jade”的插件即可完成安装。

3. 配置插件

在安装 Jade 插件之后，我们需要对插件进行一些配置才能正常使用。

3.1. 选择语法

安装 Jade 插件后，我们需要告诉 Sublime Text 在哪些地方使用 Jade 语法高亮。在 Sublime Text 中，选择 View -> Syntax -> Open all with current extension as... -> Jade。

3.2. 设置颜色方案

Sublime Text 中的主题提供了不同的颜色方案。在 View -> Theme -> Color Scheme 中选择一种合适的颜色方案。

3.3. 自定义设置

如果我们想要自定义 Jade 插件的设置，可以在 Preferences -> Package Settings -> Jade -> Settings-User 中进行设置。例如，我们可以设置以下的内容：

{

    "auto_indent": true,
    "tab_size": 2,
    "translate_tabs_to_spaces": true
}

4. 测试

配置完成后，我们可以测试一下是否可以正常使用 Jade 语法高亮功能。

首先，新建一个 Jade 文件，并输入以下代码：

doctype html

html
  head
    title= pageTitle
  body
    h1 Jade - node template engine
    div#container
      - if (youAreUsingJade)
        p You are amazing
      - else
        p Get on it!

然后按下 Ctrl + S 保存代码，并观察到代码被高亮显示。

5. 结论

本文介绍了如何使用 Sublime Text 配置 Jade 语法高亮，并提供了安装插件、配置插件、自定义设置、测试四个部分的详细教程。通过这篇文章，读者可以轻松地配置 Sublime Text 来使用 Jade 语法高亮功能。