目錄
Vue 2.0的項(xiàng)目擴(kuò)展
1.如何舒服地使用Atom
??安裝插件
??配置皮膚顏色
2.Vue項(xiàng)目引入組件庫
??引入方式
??支持ES2015
??Mint UI
??ElementUI
??iView
??Vonic
??MuseUI
3.Vue項(xiàng)目的調(diào)試工具
??vue-devtools
??移動端調(diào)試
????Chrome DevTools
????Safari Web Inspector
????Eruda
????spy-debuger
4.Vue項(xiàng)目官方依賴庫
??vue-loder
??vue-router
??Vuex
5.Vue項(xiàng)目第三方依賴庫
??ESlint
????ESlint規(guī)則摘要
????ESlint規(guī)則風(fēng)格
????ESlint忽略文件
安裝插件
沒有插件的Atom用起來很不舒服应役，代碼全是一個顏色贪磺，界面沒有中文菜單，敲代碼沒有提示兴蒸。
所以安裝好Atom亮靴，別急著寫代碼，第一步先把推薦的這幾個插件都裝上:
- simplified-chinese-menu：菜單漢化
- language-vue：Vue代碼高亮
- autocomplete-paths：自動填充文件路徑
- autoprefixer：自動填充CSS和SCSS前綴
- vue2-autocomplete：Vue 2.0代碼塊
- Minimap：代碼的預(yù)覽窗宿崭，搖身一變Sublime text
- color-picker：隨機(jī)色生成器愿阐，開發(fā)階段很有用
安裝插件的步驟：
- 打開Atom-preferences，快捷鍵 command + 回挽，
- 選擇Install没咙，搜索插件或皮膚
Atom搜索插件
假如多次安裝失敗，可以嘗試在終端通過命令操作
apm install simplified-chinese-menu
- 點(diǎn)擊Install安裝千劈，由于Atom插件非常多祭刚，重復(fù)功能的插件也有很多，要盡量選擇下載量最多墙牌、版本號更高的插件涡驮，這些插件更加穩(wěn)定
Atom安裝插件
- 下載完成，到Packages確認(rèn)是插件是開啟的
Atom開啟插件
配置皮膚顏色
Atom默認(rèn)皮膚顏色也是不太舒服的喜滨，看久了眼睛難受捉捅，推薦這個皮膚（UI主題：One Light，語法主題：One Dark）
配置方式如下圖：
配置方式
效果：
主題配色
