推薦幾個(gè)Atom插件，其中有讓代碼跳轉(zhuǎn)到聲明處的

以前一直用Adobe的Brackets, 電腦上裝了幾年Atom一直只是做為備用，最近寫React開始使用Atom，覺得看上去格式更舒服。然后對(duì)Atom做了下功課，才知道Atom編輯器居然是用HTML+CSS+JS開發(fā)的，用的Electron。

然后看了篇文章叫：10 Essential Atom Add-ons(點(diǎn)擊前往)。試用了里面的幾款插件都超棒，再結(jié)合自己用的幾款，給大家推薦下面幾款能提高工作效果的插件。

1. 超級(jí)跳轉(zhuǎn)系列

hyperclick, js-hyperclick, css-hyperclick, file-hyperclick, php-hyperclick, 這些能讓你點(diǎn)擊函數(shù)，文件引用，就能跳轉(zhuǎn)到函數(shù)申明的地方。

2. Seti 交互和主題?

雖然Atom內(nèi)置了好多款主題風(fēng)格，但是Seti可以讓你的Atom看上去更優(yōu)美，并且有非常多的文件圖標(biāo)包括SCSS, LESS, JSON, grunt配置文件，gulp配置文件等等。

3. Minimap 代碼地圖

當(dāng)你的代碼寫得太長(zhǎng)時(shí)，一個(gè)顯示在右側(cè)的代碼縮小地圖對(duì)快速定位代碼非常有用。


4.Selected? HightLignt 高光選中

裝了這個(gè)插件后，你雙擊選中一個(gè)詞，他們把同一個(gè)詞都高亮圈出來(lái)，并統(tǒng)計(jì)出本頁(yè)面共有多少處出現(xiàn)這個(gè)詞。


5.?Pigments 樣式顏色顯示

這個(gè)插件可以讓你定義顏色時(shí)，直接在代碼中顯示出該顏色。Brackets編輯器中就自帶這個(gè)類似的功能。


6.?Linter 代碼格式糾錯(cuò)

Linter可以快速有效地提示你代碼中的格式錯(cuò)誤


7.?Auto-close HTML 自動(dòng)閉合HTML標(biāo)簽

寫HTML時(shí)，自動(dòng)閉合標(biāo)簽?zāi)茏尮ぷ鞲訍芤狻?/p>


希望這一堆插件可以讓你寫代碼更有勁。

?著作權(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)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

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

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