目錄
Vue 2.0的項目擴(kuò)展
1.如何舒服地使用Atom
??安裝插件
??配置皮膚顏色
2.Vue項目引入組件庫
??引入方式
??支持ES2015
??Mint UI
??ElementUI
??iView
??Vonic
??MuseUI
3.Vue項目的調(diào)試工具
??vue-devtools
??移動端調(diào)試
????Chrome DevTools
????Safari Web Inspector
????Eruda
????spy-debuger
4.Vue項目官方依賴庫
??vue-loder
??vue-router
??Vuex
5.Vue項目第三方依賴庫
??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
- 點擊Install安裝，由于Atom插件非常多，重復(fù)功能的插件也有很多，要盡量選擇下載量最多、版本號更高的插件，這些插件更加穩(wěn)定
Atom安裝插件
- 下載完成，到Packages確認(rèn)是插件是開啟的
Atom開啟插件
配置皮膚顏色
Atom默認(rèn)皮膚顏色也是不太舒服的，看久了眼睛難受，推薦這個皮膚（UI主題：One Light，語法主題：One Dark）
配置方式如下圖：
配置方式
效果：
主題配色
