Atom編輯器的外掛程式

2022-02-01 21:50:47 字數 2014 閱讀 1396

先說下atom的外掛程式安裝方法吧,因為沒用過蘋果電腦,所以這裡就只說下windows的操作吧。

ctrl+,「調出設定面板

點選install按鈕,進去搜尋外掛程式面板

在搜尋框搜尋expose,預設搜尋的是packages,即外掛程式,這裡會有點慢,要等待一會兒,搜尋完成後,點選install按鈕,我這裡是已經安裝好的了,安裝也要一會兒時間

安裝完成後,既可以使用該外掛程式了,快捷鍵是  shift+alt+e ,點選快捷鍵後,出現下圖

出現該介面後,可以直接鍵盤,1-9,數字進行切換,也可以←(方向鍵向左)和→(方向鍵向右)進行切換,最後enter(回車)即可進入頁面。

可以直接跳出顏色面板,快捷鍵ctrl+alt+c

安裝此外掛程式後,左側的選單樹中不同的檔案會標示上不同的小圖示,下面兩圖分別是安裝之前和安裝之後

格式化**外掛程式,使用方法:ctrl+shift+p,調出搜尋框輸入beautify,出現如下

enter第一行後**就自動格式化

自動補全**字首,寫完需要補全的**,安裝後的使用方法:

1)在css或者scss檔案中,直接ctrl+shift+p,調出搜尋框,輸入外掛程式名

如上圖,使用外掛程式後,**自動補全

2)在html檔案中,需要選中style中的css**,在進行上面1)的操作

新建檔案或者開啟某檔案的外掛程式,這是個很有用的外掛程式呦,快捷鍵:ctrl+alt+o,

若要新建檔案,則選擇對應的目錄,輸入名稱後回車即可,若要開啟某檔案,則切換至改檔案下,回車即可以進入該檔案

可以是html檔案直接在瀏覽器中開啟的外掛程式,使用方法:在檔案上右鍵出現操作面板

選擇想要的瀏覽器即可

第二種方法,當安裝完這個外掛程式後,如果當前開啟的是html檔案,這檔案的左下角的工具啦會出現下面圖中的五種小圖示,分別對應不同的瀏覽器,點選相應的即可

自動補全路徑,當遇到需要輸入路徑的時候,這個外掛程式可以出現提示,如下

自動編譯sass檔案成css檔案,使用方法如下

這個外掛程式應該都知道,sublime中同樣好用的外掛程式,自動補全**,非常好用的外掛程式,如下

輸入後點選tab鍵變成

安裝這個外掛程式後,會出現類似於sublime text的右側小地圖的東西

懸浮還會出現操作按鈕

點選操作按鈕後還出現一些選項,可以自己都試試

這個外掛程式應該是安裝atom的時候自帶的,不過挺好用的,中文就是字面意思:書籤,快捷鍵如下

windows

Atom編輯器 嘗試

最初的原因是因為csdn自帶的markdown編輯器不好用,尤其是顯示的字型特別小。在網上找解決方法,發現markdown編輯器是可以自帶字型設定 的。size 5 color green 字型為5的綠色文字font 效果如下 字型為5的綠色文字 因為 比較多,我又比較懶,所以就打算找乙個可以方便快...

Github開源編輯器Atom

atom是github社群開發的一款開源編輯器,很有sublime text特色,相當於開源的sublime text。sublime text用了很長時間了,為什麼會重新學習使用另外一款編輯器呢?原因很簡單,atom是開源的,免費的。雖然說網上有很多sublime text的註冊碼,但是,盜版終歸...

Atom使用Markdown編輯器

atom自帶的markdown預覽外掛程式markdown preview功能比較簡單,markdown preview plus對其做了功能擴充套件和增強。支援實時預覽。ctrl shift m 支援latex公式。ctrl shift x 如果使用搜狗輸入法,可能在使用ctrl shift m會...