webstorm使用设置

• 添加文件模板 Editor> File and code Templates>Files +
  vue模板

<template>
  <div>new template</div>
</template>
<script>
  export default{
    name: "",
    props: {},
    data(){
      return {}
    },
    watch: {},
    computed: {},
    methods: {},
    mounted(){
    },
    components: {},
    destroyed(){
    }
  }
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
</style>

• 添加快捷键
  上下左右: ctrl+alt+u ctrl+alt+i ctrl+alt+j ctrl+alt+k
• 块注释快捷键 Editor > Live Template > JavaScript > +

Abbreviation: ///
Description: 块注释
Template text:
/**
 * $VAR$
 */  
Expand with:Tab

• ()[]{} 自动补全选项 Editor > General > Code Folding> 选中 Handlebars/Mustache blocks 并且 Editor > General > Smart Keys 选中Insert pair bracket 和 Insert pair quote 和 AngularJS Auto-insert whitespace in the interpolations

• Tab栏 设置 Editor > General > Editor Tabs 取消 Show "close" button on editor tabs 选中 Mark modified tabs with asterisk(编辑没保存时会有*)

• 用点后一个后缀自动完成一些函数 Editor > General > Postfix Completion 选中 Enable postfix completion

• 选中文本后输入引号或括号自动包裹选中的文本 Editor > General > Smart Keys 选中 Surround selection on typing quote or brace

• snippets 设置自己的代码片段.ctrl+shift+p打开命令行工具 输入snippets后选择首选项:打开用户代码片段,然后输入JavaScript,随后进入到了javascript.json文件(该文件一般位于c:\User\用户名\AppData\Roaming\Code\User\snippets]\javascript.json),然后就可以依照所给的示例进行打造自己的片段库了.