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:\Users\Administrator\AppData\Local\atom\bin
進入該目錄，安裝shift鍵，單擊鼠標右鍵選擇：在此處打開命令行窗口，然后運行如下命令：
apm config set registry http://registry.npm.taobao.org
編寫html+css+js必裝插件
如何安裝軟件包
file>settings>install
- Emmet 插件使用幫助：[https://docs.emmet.io/cheat-sheet/]
- autoclose-html 自動封閉html標簽
- color-picker:取色器 打開取色器：ctr+alt+c
- minimap：代碼地圖
- atom-ternjs：js，jQuery，angular js代碼自動補全
- linter-jshint:JS語法檢查器，會自動安裝依賴插件linter
- highlight-selected:高亮相同的單詞或者變量
- simple-drag-drop-text：文件內拖拽文本
- pigments：自動根據代碼中的顏色值為當前代碼著色
- file-icons：根據文件類型自動使用不同圖標區分文件
其他插件
- autocomplete-paths：自動填寫路徑(經測試在html，css中無效)
- platformio-ide-terminal:在當前編輯窗口開啟cmd終端
- activate-power-mode：激活震撼效果
- project-manager:搜索及訪問項目管理器 打開方式：Alt + Shift + P
- git-plus：git插件，不必切換到終端快速執行git命令，打開方式：Ctrl + Shift + H
- auto-update-packages：自動更新插件包(系統已自帶該功能)
- autocomplete-modules：自動檢測require/import 語句提示關聯文件或模塊
- docblockr：注釋生成插件，匹配當前function自動完成注釋
配置導出及導入
- 安裝config-import-export插件
- 建立AtomConfigBackup目錄
- 下載JSON文件到AtomConfigBackup目錄
- 導入配置，點擊Packages -> Config Import Export -> Import選擇備份的JSON文件
