入門容易,專精難,這時候就需要好用的工具了
目前是看到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,安裝SublimeLinter 3,其實這個SublimeLinter 3是一個框架而已,以這個框架下面,後續再進行Javascript, HTML, CSS 檢測外掛的安裝。
使用快速鍵ctrl+shift+p(或者 Preferencesn → Package Control )開啟上方的輸入列(Package Control ),
然後輸入 Install Package ,會自動Loading步驟1載入的資料,
此時可以進行步驟3。
步驟3,安裝node.js,蝦米,怎麼跟node.js有關係,其實是因為SublimeLinter 3是透過node.js進行套件的安裝與運行的,因此需要node.js的環境。
連結 https://nodejs.org/en/ ,node.js相對的簡單,這裡就不囉嗦的,直接跳過。
步驟4,安裝node.js之後,就可以來安裝主角了。
安裝Javascript
與步驟1一樣呼叫 Package Control: Install Package,再輸入 SublimeLinter-jshint 按確認即可安裝,請務必用輸入的方式,用複製貼上的方式可能會找不到字串。
安裝完成後,需要再透過Windows的命令列輸入 npm install -g jshint,才算完成。
安裝Css
SublimeLinter-csslint ,同樣在Sublime安裝完後,在Windows的命令列輸入:npm install -g csslint
安裝HTML
SublimeLinter-htmlhint ,同樣在Sublime安裝完後,在Windows的命令列輸入:npm install -g htmlhint
安裝PHP
SublimeLinter-php,同樣在Sublime安裝完後,在Windows的命令列輸入:npm install -g php
PHP雖然可以順利安裝,但是中間也些小問題,無法進行PHP的偵錯,還在尋找解決問題的方法,後續待補上