发布一款 Sublime Text 下的 Nodejs JavaScript 语法高亮插件

发布一款 Sublime Text 下的 Node.js JavaScript 语法高亮插件

概述

本文介绍如何创建一个适用于 Sublime Text 的 Node.js JavaScript 语法高亮插件。该插件不仅提供基本的语法高亮功能，还能为开发者提供常用的 API 和已有函数原型的智能提示。

创建插件目录结构

首先，我们需要创建一个文件夹来存放插件文件。假设我们将其命名为 NodeJS_Highlighter。

NodeJS_Highlighter/
├── Default/
│   └── Main.sublime-menu
├── NodeJS_Highlighter.sublime-package
├── NodeJS_Highlighter.sublime-settings
└── Syntaxes/
    └── nodejs_js.tmLanguage

定义语法高亮规则

在 Syntaxes/nodejs_js.tmLanguage 文件中定义 Node.js JavaScript 的语法高亮规则。这是一个 XML 文件，使用了 .tmLanguage 格式。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN"
"http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>name</key>
    <string>NodeJS JavaScript</string>
    <key>fileTypes</key>
    <array>
        <string>.js</string>
    </array>
    <key>patterns</key>
    <array>
        <!-- 注释 -->
        <dict>
            <key>begin</key>
            <string>/\\*</string>
            <key>end</key>
            <string>\\*/</string>
            <key>name</key>
            <string>comment.block.js</string>
        </dict>
        <dict>
            <key>match</key>
            <string>//.*$</string>
            <key>name</key>
            <string>comment.line.js</string>
        </dict>

        <!-- 关键字 -->
        <dict>
            <key>match</key>
            <string>\b(function|var|let|const|if|else|for|while|return)\b</string>
            <key>name</key>
            <string>keyword.control.js</string>
        </dict>

        <!-- 常用API -->
        <dict>
            <key>match</key>
            <string>\b(require|console.log|process.exit)\b</string>
            <key>name</key>
            <string>support.function.nodejs</string>
        </dict>
    </array>
    <key>scopeName</key>
    <string>source.js.nodejs</string>
</dict>
</plist>

提供智能提示

为了实现智能提示，我们可以使用 Sublime Text 的插件 API 来扩展功能。这里我们将使用 sublime_completions 文件来定义智能提示列表。

在 Default/ 目录下创建一个名为 nodejs_completions.sublime-completions 的文件：

{
    "scope": "source.js.nodejs",
    "completions": [
        { "trigger": "require", "contents": "require(${1:module})$0" },
        { "trigger": "console.log", "contents": "console.log(${1:message})$0" },
        { "trigger": "process.exit", "contents": "process.exit(${1:code})$0" }
    ]
}

安装与使用

将上述文件夹压缩成一个 .sublime-package 文件，然后通过 Sublime Text 的插件管理界面进行安装。

总结

本插件提供了 Node.js JavaScript 的语法高亮和智能提示功能，帮助开发者更高效地编写代码。通过自定义语法高亮规则和智能提示列表，可以极大地提升开发体验。

希望这个插件能够对你的 Node.js 开发有所帮助！

这个背景色太晃眼了，，，，，