在 Vue 中，可以利用一個 .vue 文件實現(xiàn)組件化赃阀，而不需要對每個組件分別建立 style, scripts 和 view丑瞧。
這樣做的好處是使組件能更加直觀，而壞處是目前有些 editor 對 .vue 的語法支持還是不太好逆济。
我用 Atom 寫 .vue 的時候酌予，<style> 的那一塊并不能自動補全。不過我個人不依賴 css 的補全奖慌，所以沒有太大的影響抛虫。如果你比較依賴這個，建議你還是把這些代碼分離出來简僧。
引用自djyde博客-vuejs-and-webpack-3
Atom沒用過,我是webstorm的死忠建椰，所以還是可以so easy的添加對.vue的提示支持;
默認情況編輯器會把.vue文件作為.txt文件的提示方式處理，這對開發(fā)縱然是不便利的;乍一看.vue文件的編寫結(jié)構(gòu)
- <style>css-樣式
- <template>html-模板
- <script>js-腳本
這是什么?這不就是一個內(nèi)聯(lián)樣式帶有JS腳本的html文件嗎!
通過webstorm中的File Types配置 將.vue格式的文件注冊為HTML文件類型,這樣html中的代碼提示也會被用到.vue上岛马；
設(shè)置演示：
演示動畫
2016-6-29更新:
- 這兩個月有兩款vue的插件可以在ws上使用棉姐，一款叫vue-for-idea 一款就叫vue屠列；不過有個問題 我建議大家升級到ws2016版本 不然插件容易出問題；
- 再一個就是es6語法報錯的問題伞矩，大家在設(shè)置中找javascript 在framework里將其設(shè)定為ECMAScript6.0即可
2016-10-12更新:
評論區(qū)童鞋反饋vue-for-idea無法在idea的plugin資源中搜索到笛洛。因為已經(jīng)被移除了，可能是被反饋用著不好乃坤？看作者也很久沒有todo了
