美文网首页
webstorm使用设置

webstorm使用设置

作者: wwmin_ | 来源:发表于2017-05-18 15:55 被阅读105次
  • 添加文件模板 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),然后就可以依照所给的示例进行打造自己的片段库了.

相关文章

网友评论

      本文标题:webstorm使用设置

      本文链接:https://www.haomeiwen.com/subject/roesxxtx.html