Sublime text 3 使用 SublimeLinter 檢查 Javascript, HTML, CSS, php, js等語法錯誤

入門容易,專精難,這時候就需要好用的工具了
目前是看到Sublime text 3 外接套件工具很好用
不過有些使用者推薦VS code這套軟體
我個人覺得VS code的缺點是軟體太龐大,有點耗資源
但是VS code有PHP,tml,js等程式錯誤檢測
以及SQL偵錯編譯等(這部分還沒有研究,找時間要再研究一下)
而,相對於Sublime text 3 的而言
我覺得最大的優點在於Sublime text 3 可以協助填寫字串
以及可以自動偵錯物件function,而可以透過外掛工具來達到
此篇就是來介紹 SublimeLinter 程式碼檢測工具,以下是安裝外掛工具方式

步驟1,首先把Sublime 的Package Control 的套件下載到電腦上,讓後續的安裝可以快速一點

連結 https://packagecontrol.io/installation  這個網站清楚明瞭的介紹怎麼安裝
使用快捷鍵ctrl+`(或者View → Show Console)開啟Sublime 下方的console輸入小框,可以自行條整高度。
再根據你的Sublime text的版本,輸入相對應的程式碼!!
接著系統會去下載檔案,等到執行完成就好了。

步驟2,安裝Sublime​Linter 3,其實這個Sublime​Linter 3是一個框架而已,以這個框架下面,後續再進行Javascript, HTML, CSS 檢測外掛的安裝。

使用快速鍵ctrl+shift+p(或者 Preferencesn → Package Control )開啟上方的輸入列(Package Control ),
然後輸入 Install Package ,會自動Loading步驟1載入的資料,
此時可以進行步驟3。

步驟3,安裝node.js,蝦米,怎麼跟node.js有關係,其實是因為Sublime​Linter 3是透過node.js進行套件的安裝與運行的,因此需要node.js的環境。

連結 https://nodejs.org/en/ ,node.js相對的簡單,這裡就不囉嗦的,直接跳過。

步驟4,安裝node.js之後,就可以來安裝主角了。

安裝Javascript
與步驟1一樣呼叫 Package Control: Install Package,再輸入 Sublime​Linter-jshint 按確認即可安裝,請務必用輸入的方式,用複製貼上的方式可能會找不到字串。
安裝完成後,需要再透過Windows的命令列輸入 npm install -g jshint,才算完成。

安裝Css 
Sublime​Linter-csslint ,同樣在Sublime安裝完後,在Windows的命令列輸入:npm install -g csslint

安裝HTML
Sublime​Linter-htmlhint ,同樣在Sublime安裝完後,在Windows的命令列輸入:npm install -g htmlhint

安裝PHP
Sublime​Linter-php,同樣在Sublime安裝完後,在Windows的命令列輸入:npm install -g php

PHP雖然可以順利安裝,但是中間也些小問題,無法進行PHP的偵錯,還在尋找解決問題的方法,後續待補上

發佈留言