前端的日常開發(fā)中捏题，webstorm豐富的功能，對HTML,CSS,Js及各種框架的支持非常好肉渴，在vue.js的開發(fā)中涉馅，定義快捷的配置能夠極大的提高我們的開發(fā)效率。
1. 添加vue模板
File and Code Templates中添加模板黄虱，名字定義稚矿，后綴為vue
添加vue模板
<template>
</template>
<script>
export default {
name: 'vueComponent',
components: {},
data () {
return {}
},
methods: {}
}
</script>
<style lang="" scoped>
</style>
2. 代碼風格
Code Style 中找到Other File Types 修改默認tabsize和indent
代碼風格
3. 安裝vue.js插件
Plugin 中點擊Instal JetBrains plugin 搜索vue.js 點擊安裝
WX20170909-113118@2x.png
3. 配置Macro宏 定義保存自動格式化
在edit中找到Macros中找到Start Macro Recording如下，點擊開始錄制之后分別按下 格式化快捷鍵 command option L（Ctrl alt L）**保存快捷鍵 **command S捻浦，點擊結束宏錄制晤揣。結束后再keymap中找到Macros剛才保存的宏，為其添加快捷鍵朱灿，本人習慣改成默認保存的command S昧识，保存時候就會先格式化再保存了。
配置Macro宏
定義Macro
為宏定義快捷鍵
