Atom概述

Atom 介紹

• Atom是由GitHub開發的開源文字編輯器

• 可以以外掛的方式進行定製

• 該軟體使用JavaScript，css，Html編寫的

Atom特點

• 跨平臺，支援windows，linux，Mac OS

• 外掛以包的形式管理

• 支援語言廣泛

• 高度定製

• 上千種主題

常用快捷鍵

• 模糊查詢
  ctrl+ t
  Atom物件專案進行了索引，使用ctrl+t可以對專案中的檔案進行模糊查詢

• 顯示專案樹(可切換)
  ctrl+

• 生成html模版程式碼
  輸入html:5然後按tab鍵 前提是你已安裝emmet外掛

• 複製當前行
  ctrl+shift+d

• 開啟取色器
  ctrl+alt+c 已安裝color-picker外掛

常見設定

• 設定專案預設目錄
  file>settings>core>Project Home

• 隱藏專案無關檔案(.git .svn .DS_Store .Thumbs.db..)
  file>settings>packages>搜尋 tree-view，在setting下面勾選Hide igorned Names

切換國內安裝源

先切換為國內安裝源，否則一些外掛下載會連線超時或安裝失敗
需要使用atom自帶的命令列工具apm
進入atom安裝目錄
對於atom 1.29版本的安裝目錄apm目錄為：C:UsersAdministratorAppDataLocalatombin
進入該目錄，安裝shift鍵，單擊滑鼠右鍵選擇：在此處開啟命令列視窗，然後執行如下命令：
apm config set registry

編寫html+css+js必裝外掛

如何安裝軟體包
file>settings>install

1. Emmet 外掛使用幫助：[

2. autoclose-html 自動封閉html標籤

3. color-picker:取色器 開啟取色器：ctr+alt+c

4. minimap：程式碼地圖

5. atom-ternjs：js，jQuery，angular js程式碼自動補全

6. linter-jshint:JS語法檢查器，會自動安裝依賴外掛linter

7. highlight-selected:高亮相同的單詞或者變數

8. simple-drag-drop-text：檔案內拖拽文字

9. pigments：自動根據程式碼中的顏色值為當前程式碼著色

10. file-icons：根據檔案型別自動使用不同圖示區分檔案

其他外掛

1. autocomplete-paths：自動填寫路徑(經測試在html，css中無效)

2. platformio-ide-terminal:在當前編輯視窗開啟cmd終端

3. activate-power-mode：啟用震撼效果

4. project-manager:搜尋及訪問專案管理器 開啟方式：Alt + Shift + P

5. git-plus：git外掛，不必切換到終端快速執行git命令，開啟方式：Ctrl + Shift + H

6. auto-update-packages：自動更新外掛包(系統已自帶該功能)

7. autocomplete-modules：自動檢測require/import 語句提示關聯檔案或模組

8. docblockr：註釋生成外掛，匹配當前function自動完成註釋

配置匯出及匯入

1. 安裝config-import-export外掛

2. 建立AtomConfigBackup目錄

3. 下載JSON檔案到AtomConfigBackup目錄

4. 匯入配置，點選Packages -> Config Import Export -> Import選擇備份的JSON檔案

作者：snowyvalley
連結：