vuejs 相關

本章節(jié)主要講述了如何設置前端三大框架之一vuejs的一些插件，親身實踐，開發(fā)效率提高的不止一點點。良心推薦！

1. Vue Syntax Highlight 插件

可以看到?jīng)]有安裝高亮插件的時候，vue 代碼是默認的顏色，非常的不友好。接下來我們就來安裝一下高亮語法插件，步驟如下：

安裝完成之后，切換一下 vue 文件或者關掉再打開即可看到語法已經(jīng)高亮了。

2. Vuejs Snippets 插件

寫vue相關的代碼，怎么能少了代碼塊插件呢！這個插件可以快速的生成相應的vue代碼塊，快來看看吧。

2.1 Options/Data

在vue文檔里面，可以這樣簡寫：vuecdata -> Vue component data。

2.2 Vue Resource

其他vue相關代碼塊。

當我們不清楚具體哪個快捷鍵時，我們可以這么寫：

Tips：快捷代碼塊提示可以使用上下箭頭選擇，回車選定。

3. HTML-CSS-JS Prettify 插件

事實上這個插件功能非常強大，不僅可以格式化html，css，js，還可以格式化vuejs代碼?？靵砜纯窗?。

格式化快捷鍵如下：

4. Less 插件

這里只是拿less作為一個例子，事實上還有其他選擇，比如sass，stylus等。

4.1 安裝less插件

寫組件離不開寫樣式，這里推薦使用less作為css預處理器。

4.2 如何使用

因為有代碼塊的提示功能，我們寫css通常只用寫幾個字母即可按下Tab補全。

css相關
c -> color:
b -> background: 
z -> z-index: 
...

5.總結(jié)

這節(jié)課程，我們詳細了解了能夠加快編程的vue插件。這里我非常推薦安裝這幾個插件：Vue Syntax Highlight，Vuejs Snippets，HTML-CSS-JS Prettify。
安裝了之后的日常工作，我們就可以專注更深的代碼，而不是vue常用模板了。