webstorm 小技巧、快捷键：自定义代码模板（持续记录，更新）

一、格式化代码快捷键

jetbrains公司的所有IDE的整理格式的快捷键都是Ctrl+Alt+L

二、自定义代码片段

实现目标：
定义一个 vue 的模板代码，当输出vue 的时候，可以自动输出如下,省的每次都要自己输入

const app = new Vue({
  el: '#app',
  data: {
    
  },
  methods: {
    
  }
})

1. 打开 file->setting->Editor->Live Templates，我这里是中文的界面，
   

2. 新建组：命名为feng_dif
   

3. 新建模板：
   

4. 设置模板的应用场景
   点击模板页面最下方的警告，来设置将模板应用于那些场景，一般选择EveryWhere–>Java即可
   （如果曾经修改过，则显示为change而不是define）
   
   

5. 设置成功，输入 vue ,则快速生成代码。