Atom概述
Atom 介紹
- Atom是由GitHub開發(fā)的開源文本編輯器
- 可以以插件的方式進(jìn)行定制
- 該軟件使用JavaScript，css，Html編寫的
Atom特點(diǎn)
- 跨平臺，支持windows，linux，Mac OS
- 插件以包的形式管理
- 支持語言廣泛
- 高度定制
- 上千種主題
常用快捷鍵
- 模糊查找
ctrl+ t
Atom對象項(xiàng)目進(jìn)行了索引，使用ctrl+t可以對項(xiàng)目中的文件進(jìn)行模糊查找 - 顯示項(xiàng)目樹(可切換)
ctrl+ \ - 生成html模版代碼
輸入html:5然后按tab鍵 前提是你已安裝emmet插件 - 復(fù)制當(dāng)前行
ctrl+shift+d - 打開取色器
ctrl+alt+c 已安裝color-picker插件
常見設(shè)置
- 設(shè)置項(xiàng)目默認(rèn)目錄
file>settings>core>Project Home - 隱藏項(xiàng)目無關(guān)文件(.git .svn .DS_Store .Thumbs.db..)
file>settings>packages>搜索 tree-view，在setting下面勾選Hide igorned Names
切換國內(nèi)安裝源
先切換為國內(nèi)安裝源，否則一些插件下載會連接超時(shí)或安裝失敗
需要使用atom自帶的命令行工具apm
進(jìn)入atom安裝目錄
對于atom 1.29版本的安裝目錄apm目錄為：C:\Users\Administrator\AppData\Local\atom\bin
進(jìn)入該目錄，安裝shift鍵，單擊鼠標(biāo)右鍵選擇：在此處打開命令行窗口，然后運(yùn)行如下命令：
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標(biāo)簽
- color-picker:取色器 打開取色器：ctr+alt+c
- minimap：代碼地圖
- atom-ternjs：js，jQuery，angular js代碼自動補(bǔ)全
- linter-jshint:JS語法檢查器，會自動安裝依賴插件linter
- highlight-selected:高亮相同的單詞或者變量
- simple-drag-drop-text：文件內(nèi)拖拽文本
- pigments：自動根據(jù)代碼中的顏色值為當(dāng)前代碼著色
- file-icons：根據(jù)文件類型自動使用不同圖標(biāo)區(qū)分文件
其他插件
- autocomplete-paths：自動填寫路徑(經(jīng)測試在html，css中無效)
- platformio-ide-terminal:在當(dāng)前編輯窗口開啟cmd終端
- activate-power-mode：激活震撼效果
- project-manager:搜索及訪問項(xiàng)目管理器 打開方式：Alt + Shift + P
- git-plus：git插件，不必切換到終端快速執(zhí)行g(shù)it命令，打開方式：Ctrl + Shift + H
- auto-update-packages：自動更新插件包(系統(tǒng)已自帶該功能)
- autocomplete-modules：自動檢測require/import 語句提示關(guān)聯(lián)文件或模塊
- docblockr：注釋生成插件，匹配當(dāng)前function自動完成注釋
配置導(dǎo)出及導(dǎo)入
- 安裝config-import-export插件
- 建立AtomConfigBackup目錄
- 下載JSON文件到AtomConfigBackup目錄
- 導(dǎo)入配置，點(diǎn)擊Packages -> Config Import Export -> Import選擇備份的JSON文件
