脚本宝典收集整理的这篇文章主要介绍了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，即可

脚本宝典总结

以上是脚本宝典为你收集整理的vscode编辑器全部内容，希望文章能够帮你解决vscode编辑器所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。