使用 Sublime Text 3

个人认为目前对新老手都是最好的入门编辑器。

知识点

• Project - Sava Project As ... 就可以把整个项目文件夹保存为两个项目文件 *.sublime-project*.subllime-workspace 以后直接点击这两个文件就可以打开项目了。
• Console Palette (Shift + Cmd + P) 中可以快速模糊输入各种常用命令。
• (Cmd + P) 中可以快速切换项目/文件夹中所有文件，如前置输入@则可搜索当前页面的所有方法名。

工具配置

常用插件以及必要补充：

• Auto​File​Name

Pressing ctrl+space, will activate AutoFileName. One list of available files where be ready to select.
Looking for an even more automatic and seemless completion? Add the following to your User Settings file:

1
2
3
4
5
6
7
8
9
10
11

"auto_complete_triggers":
[
  {
     "characters": "<",
     "selector": "text.html"
  },
  {
     "characters": "/",
     "selector": "string.quoted.double.html,string.quoted.single.html, source.css"
  }
]

With this, there’s no need to worry about pressing ctrl+space, autocompletion with appear upon pressing /.

• Better Completion

How to trigger completion hint when every typing?

Open file Packages/User/Preferences.sublime-settings or click Setting - User from menu. In my case, I just setup the auto_complete_triggers property as follow:

1
2
3
4
5
6
7
8
9

{
  "auto_complete_triggers":
  [
    {
      "characters": "qazwsxedcrfvtgbyhnujmikolpQAZWSXEDCRFVTGBYHNUJMIKOLP",
      "selector": "text, source, meta, string, punctuation, constant"
    }
  ]
}

It will active most of scope triggers and most of characters.

• Bootstrap 3 snippets

全部以 bs3- 开头，可补全。详见这里。

• Comment-Snippets

全部以 comm- 开头，可补全。详见这里。

• DashDoc

You can look up the word under the cursor or selected text in Dash using ctrl+h.

• DictionaryAutoComplete

最好不用，弊大于利！

This plug-in adds auto-completion entries from the dictionary file if you are typing inside comments, strings or in text files. Useful for very lazy typers like me or if you’re searching for a particular word.

In a comment, string or text file, just type Ctrl + Space to show auto-completion.

Alternatively, you can add this entry to your ‘Settings - User’ to always show auto-completion, regardless where you’re typing:

1

"auto_complete_selector": "source, text"

还可以更换字典，详见这里

• DocBlockr

详见这里

• Java​Script Snippets

fn (function)
afn (anonymous function)
ii (Immediately-invoked function expression)
cl (console.log)
sto (setTimeout)
sti (setInterval)
req (require)
okfe (Objects.keys and forEach)

更多请见这里

• HTMLBeautify

Mac OS X: Command-Option-Shift-F

• jsFormat

With .js file, type Format: JavaScript in console palette (Shift + Cmd + P)。

• j​Query Mobile 1.​4 Snippets

jqm开头，可补全。

• View in Browser

Ctrl + Alt + C (Chrome)

分享到 评论

• sublimetext3