vscode编辑器

vscode编辑器

1、vscode快速生成html页面

（1）、首先在第一行输入！

（2）、然后将光标移动到！后

（3）、按下tab键

2、常用插件：

1. Bracket Pair Colorizer ：对括号对进行着色，再也不会搞不清状况了。
2. Git History: 可以查看Git log, file, 和line 历史记录。
3. Markdown PDF: 将markdown文档转换成pdf的利器
4. VSCode Great Icons: 我非常喜欢的一套Icons主题，对展开的文件有变色处理，很容易分辨
5. vscode-fileheader: 添加头header comment，厉害的
6. monokia dimmed颜色主题，码员大爱
7. Path Intellisense: 路径提示器，好用得不得了
8. Setting Sync: 同步你得设置和插件
9. output colorizer: 输出着色
10. markdownlint: markdown 语法提示器
11. Document This: 为JavaScript和TypeScript提供JSDoc comments

3、常用快捷键：

4、vscode插件：

根据vue模板自动生成文件：

打开VSCODE编辑器，依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue， 如下：

选择vue后，VSCODE会自动打开一个名字为vue.json的文件，复制以下内容到这个文件中:

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<!-- $0 -->",
      "<template>",
      "  <div></div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  data () {",
      "    return {",
      "    };",
      "  },",
      "",
      "  components: {},",
      "",
      "  computed: {},",
      "",
      "  mounted: {},",
      "",
      "  methods: {}",
      "}",
      "",
      "</script>",
      "<style lang='scss' scoped>",
      "</style>"
  ],
    "description": "Log output to console"
  }
}
保存文件后，关闭，新建demo.vue文件，输入vue，点击enter，即可