SublimeLinter插件檢查html,js與css代碼

SublimeLinter是SublimeText的插件,它只是一個(gè)進(jìn)行代碼檢查的框架,可以包括其他代碼檢查插件。
相當(dāng)于一個(gè)插件容器,而具體的插件則負(fù)責(zé)調(diào)用具體的linter工具進(jìn)行代碼檢查,如jshint、csslint
對(duì)于不同語(yǔ)言的代碼,使用相應(yīng)的檢查工具檢查。例如.js文件使用jshint, .css文件使用csslint。

SublimeLinter插件可以實(shí)時(shí)檢查,顯示直觀。相較于,在命令行中直接使用jshint *.js這樣的方式,顯然SublimeLinter插件容器加jshint插件一起可以提供更優(yōu)的效果。

在Sublime Text 3中安裝SublimeLinter插件
快捷鍵Ctrl+Shift+P,輸入Install Package, 然后輸入SublimeLinter安裝。同樣操作安裝,SublimeLinter-jshintSublimeLinter-csslint

注意:
如果沒(méi)有Install Package這個(gè)選項(xiàng),說(shuō)明沒(méi)有安裝Package Control插件,這個(gè)插件是用來(lái)管理安裝的插件的工具。

說(shuō)明:
快捷鍵Ctrl+Shift+P,輸入package,然后輸入list package,可以查看安裝的插件列表,也可以打開(kāi)"preference"中的"browser package"后查看installed package,這里就是安裝插件的目錄(可以將這些安裝的文件保存一份,當(dāng)需要時(shí)直接復(fù)制即可)。

使用SublimeLinter-jshint

當(dāng)完成上面安裝時(shí),發(fā)現(xiàn)SublimeLinter-jshint并不能用,打開(kāi)sublime text 3的控制臺(tái)發(fā)現(xiàn)出現(xiàn)

SublimeLinter: WARNING: jshint cannot locate 'jshint'

意思就是沒(méi)有發(fā)現(xiàn)jshint,由于SublimeLinter-jshint是調(diào)用jshint接口使用的。所以,還需要使用命令npm install -g jshint全局安裝jshint,重新啟動(dòng)發(fā)現(xiàn)可以使用了。同理,也需要安裝csslint

使用SublimeLinter contrib HTMLHint

同上面一樣安裝插件,之后,需要使用npm安裝,命令為npm install -g htmlhint@latest,這樣重新啟動(dòng)后,就可以使用了。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容