首頁  >  文章  >  開發工具  >  使用ATOM編輯器的心得(總結)

使用ATOM編輯器的心得(總結)

青灯夜游
青灯夜游原創
2018-09-26 16:50:067485瀏覽

本章為大家介紹使用ATOM 編輯器的心得(總結)。有一定的參考價值,有需要的朋友可以參考一下,希望對你們有幫助。

ATOM介紹與安裝

ATOM:一個21世紀的一個駭客文字編輯器(是不是這樣只有自己試過才知道)

連接位址:https://atom.io/

安裝步驟:官方下載,之後是一個.exe文件,很小,解壓縮之後是透過C盤運行,然後純英文(這裡是我不喜歡的,因為我英文很差)

使用教程(針對初學者,或者是嘗試者)

漢化:chinakids的程式設計師寫了一個名為simplified-chinese-menu的漢化包,打開packages –setting views–open –install 搜尋simplified-chinese-menu進行安裝即可漢化。

使用ATOM編輯器的心得(總結)

使用ATOM編輯器的心得(總結)

然後點選安裝(右邊Install);這個漢化我要說一點,雖然我知道人家也不容易,但你要漢化,就弄全部都漢化,結果呢,別的地方還是有英文,特別的右鍵選單。

使用ATOM編輯器的心得(總結)外掛介紹

針對前端我介紹下外掛(因人而異,大家可以安裝別的外掛程式看看)

#方式:擴充- 介面設定- 安裝外掛程式/主題輸入外掛程式的名稱,安裝重新啟動即可;

外掛程式介紹:

檔案路徑自動提示:autocomplete-paths

使用ATOM編輯器的心得(總結)


使用ATOM編輯器的心得(總結)

使用ATOM編輯器的心得(總結)

#html頁面預覽:atom-html-preview使用ATOM編輯器的心得(總結)

bootstrap3程式碼提示外掛:atom-bootstrap3

##該外掛程式能對一個對象中擁有的對外提供的屬性和方法都能透過suggest的形式提示出來,能對一個物件對外提供的介面有一個選擇過程,理解為js程式碼自動提示:atom-ternjs

html標籤自動比較:autoclose-html

file-types用來區分檔案類型的,file-types-icon用來為不同的問題類型添加不同的圖示:

file-types和file-types-icon

Emmet外掛

(操作輸入html:5在按一下tab鍵)

加快web開發速度,提供snippet(程式碼片段)、abbreviation expand(簡寫展開)功能 

#程式碼高亮:quick-highlight   platformio-ide-terminal

# ##快速的開啟檔案或新文件,同時支援路徑補全:advanced-open-file #######檢查CSS是否正確: csslint ######js補全:Linter Jshint##### #文檔化註解:docblockr######程式碼小地圖:minimap######程式碼輸入時有效果:tortoise-svn######程式碼對齊線:(設定-編輯器設定-顯示縮排指示線)######自動換行:(在設定裡面有個編輯器設置,裡面有個自動換行,打鉤)###########總結:#### ########外掛功能很強大,UI設計橫漂亮,功能上有點像sublime編輯器,但是有些功能上又是很忒別,但是有些地方感覺沒有別的編輯器靈活,看個人了,畢竟編輯器只是輔助工具,主要還是看自己的習慣。 ###

以上是使用ATOM編輯器的心得(總結)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn