本章為大家介紹使用ATOM 編輯器的心得(總結)。有一定的參考價值,有需要的朋友可以參考一下,希望對你們有幫助。
ATOM介紹與安裝
ATOM:一個21世紀的一個駭客文字編輯器(是不是這樣只有自己試過才知道)
連接位址:https://atom.io/
安裝步驟:官方下載,之後是一個.exe文件,很小,解壓縮之後是透過C盤運行,然後純英文(這裡是我不喜歡的,因為我英文很差)
使用教程(針對初學者,或者是嘗試者)
漢化:chinakids的程式設計師寫了一個名為simplified-chinese-menu的漢化包,打開packages –setting views–open –install 搜尋simplified-chinese-menu進行安裝即可漢化。
然後點選安裝(右邊Install);這個漢化我要說一點,雖然我知道人家也不容易,但你要漢化,就弄全部都漢化,結果呢,別的地方還是有英文,特別的右鍵選單。
外掛介紹
針對前端我介紹下外掛(因人而異,大家可以安裝別的外掛程式看看)
#方式:擴充- 介面設定- 安裝外掛程式/主題輸入外掛程式的名稱,安裝重新啟動即可;
外掛程式介紹:
檔案路徑自動提示:autocomplete-paths
#html頁面預覽:atom-html-preview
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中文網其他相關文章!