AngularJS Sublime Text 包使用教程

AngularJS Sublime Text 包使用教程

AngularJS-sublime-packageAngularJS code completion, snippets, go to definition, quick panel search, and more.项目地址:https://gitcode.com/gh_mirrors/an/AngularJS-sublime-package

1. 项目的目录结构及介绍

AngularJS Sublime Text 包的目录结构如下：

AngularJS-sublime-package/
├── changelog
├── gitignore
├── AngularJS-completions.sublime-settings
├── AngularJS-js-completions.sublime-settings
├── AngularJS-sublime-package.py
├── AngularJS-sublime-package.sublime-settings
├── AngularJS.tmLanguage
├── Default.sublime-commands
├── Default.sublime-keymap
├── HTML.sublime-settings
├── JavaScript.sublime-settings
├── Main.sublime-menu
├── README.md
├── info.plist
├── jscompletions.py
├── license.txt
├── message.py
├── messages.json
├── packages.json
├── sublime_commands.py
├── viewlocation.py
└── View all files

目录结构介绍

• changelog: 更新日志文件。
• gitignore: Git 忽略配置文件。
• AngularJS-completions.sublime-settings: 代码补全设置文件。
• AngularJS-js-completions.sublime-settings: JavaScript 代码补全设置文件。
• AngularJS-sublime-package.py: 包的主文件。
• AngularJS-sublime-package.sublime-settings: 包的设置文件。
• AngularJS.tmLanguage: 语法定义文件。
• Default.sublime-commands: 默认命令配置文件。
• Default.sublime-keymap: 默认快捷键配置文件。
• HTML.sublime-settings: HTML 设置文件。
• JavaScript.sublime-settings: JavaScript 设置文件。
• Main.sublime-menu: 主菜单配置文件。
• README.md: 项目说明文件。
• info.plist: 信息配置文件。
• jscompletions.py: JavaScript 代码补全脚本。
• license.txt: 许可证文件。
• message.py: 消息脚本文件。
• messages.json: 消息配置文件。
• packages.json: 包配置文件。
• sublime_commands.py: Sublime 命令脚本。
• viewlocation.py: 视图位置脚本。
• View all files: 查看所有文件。

2. 项目的启动文件介绍

项目的启动文件是 AngularJS-sublime-package.py。这个文件是 AngularJS Sublime Text 包的主文件，负责初始化和加载包中的各种功能和设置。

3. 项目的配置文件介绍

主要配置文件

• AngularJS-sublime-package.sublime-settings: 这个文件包含了 AngularJS 包的主要设置，如代码补全、语法高亮等。
• Default.sublime-commands: 这个文件定义了 Sublime Text 中可用的默认命令。
• Default.sublime-keymap: 这个文件定义了默认的快捷键绑定。
• HTML.sublime-settings 和 JavaScript.sublime-settings: 这两个文件分别定义了 HTML 和 JavaScript 的设置。

推荐设置

根据项目的 README 文件，推荐更新用户设置以自动打开 HTML 属性的补全列表。可以在用户设置文件中添加以下内容：

{
  "auto_complete_selector": "source - comment, meta.tag - punctuation.definition.tag.begin"
}

此外，还可以添加其他预处理器的范围以自动显示补全列表。例如，对于 Haml，可以添加：

{
  "auto_complete_selector": "source - comment, meta.tag - punctuation.definition.tag.begin, text.haml"
}

对于在 ng-controller="" 中自动触发控制器补全，可以添加：

{
  "auto_complete_triggers": [
    {
      "characters": "ng-controller=\"*",
      "selector": "text.html"
    }
  ]
}

这些设置可以根据个人需求进行调整和扩展。

AngularJS-sublime-packageAngularJS code completion, snippets, go to definition, quick panel search, and more.项目地址:https://gitcode.com/gh_mirrors/an/AngularJS-sublime-package