atom配置web開發環境

1. 安裝包

1.1 apm命令

自帶apm ，沒有菜單欄找install shell commands
apm全稱：atom package management
apm installl [包的名稱]
apm install
apm install 包的路徑
apm search 包名稱
apm view 包名稱 查看包
apm install git-grep 安裝包
npm，須要你安裝git和Node.js

1.2. 使用setting裏面的install package

我試驗的結果，不太好用。

3. 插件推薦

emmet 這個不用解釋了
vim-mode-plus
activate-power-mode ctrl+alt+o激活 輸入有很吊的效果
file-icons 文件圖標
atom-beautify 代碼格式化美化
color-picker
jshint

4 theme推薦

atom-material 相似安卓的風格，直接apm install atom-meterial-ui安裝

5 其餘

atom的配置是經過相似CSS選擇器的方式進行的。
參考:《Atom Flight Manual》

6 基礎

alt+ctrl+f2 設置書籤
f2 書籤跳轉
ctrl+up/down 行上移動
ctrl+shift+d 複製行
ctrl+shift+k 刪除行
ctrl+d 在當前文檔中選中下一個相同的字符
alt+f3 選中全部相同的字符

6.1 Snippets

• alt+shift+s 查看全部能夠支持的snippets
• 編輯本身的snippets 高級功能之後研究 編輯snippets.cson

6.2 代碼摺疊

• alt+shift+ctrl+[/] 摺疊當前文檔全部的段落
• alt+ctrl+[/] 摺疊代碼

6.3 版本控制

後面再研究

來自爲知筆記(Wiz)