google fonts

2018年4月18日 星期三

Tern for Sublime的自動完成支援

早上在設定ternjs這個擴充功能,我主要拿他來autocomplete sublime對javascript dom api的這段功能。簡而言之,我希望他像chrome的developer tool一樣,當我下

document.

的時候會出現下拉選單,讓我選完整的function name,因為javascript的fn很多都超級長,我害怕拼錯字= =

TernJS AutoComplete

好,首先怎麼做呢?

按照官方文件的做法可以用git clone到packages的folder

TernJS AutoComplete

或者可以用package control

ctrl+shift+p
Package Control: Install Package
tern_for_sublime

然後你會獲得一個一般js支援的ternjs,並不包含dom這塊。

接下來你看官方文件,會發覺他跟你說:

Tern uses code .tern-project files to configure loading libraries and plugins for a project. See the Tern docs for details

發覺,噢好棒棒,所以我只要加了"broswer"支援就可以了RRR!

所以,這個.tern-project該死的放在哪裡= =

大家會跟你說,把它放到.sublime-project同一層。

原來是這樣!

好吧,事實上他有幾個可以放的位置,第一個是如果你的js不屬於任何專案,但你又想看到這個功能,那你要把它放在Users/{你的帳號}的根目錄

C:/Users/{你的帳號}/.tern-project

第二個是你把你的專案include在某個.sublime-project裡面,如下圖:

TernJS AutoComplete

那你就把.tern-project放在.sublime-project旁邊,如下圖:

TernJS AutoComplete

最後一個就是只對該層js執行,如果你有打開過Preferences > Browse Packages... .\tern_for_sublime\test\demo\simple這個位置的話,你會發現他根本就已經附了sample。

所以把.tern-project放在js檔的旁邊也可以。

.tern-project放在js檔的旁邊