[开胃小菜]vscode常用插件与字体

vscode 常用插件与字体

• 1.通用

  • chinese(simplified ...): 简体中文语言包
  • live server: 实时预览
  • prettier-code formatter: 最流行的代码格式化插件
  • better comments: 自定义注释颜色
  • path intellisense:路径自动感知填充
  • helium icon theme: 一款我喜欢的文件图标主题
  • one dark pro: 经典的主题,使用者众多,很耐看
  • material theme: 经典”材料”主题,
  • material theme icons 常与material theme配置的文件图标
  • shades of purple: 赛博朋克风格的一款主题,很明亮风骚
  • dracula official: 经典的吸血鬼主题
  • dracula at night: 个人更喜欢这款小众的吸血鬼暗黑版(教学用它)
  • code runner: 几乎可以快速运行常见的所有语言,如php,java,js...
  • codesnap: 快速生成苹果电脑风格的代码片断截图,分享时使用

• 2.markdown

  • markdown preview...: markdown 实时预览
  • markdownlint: markdown 语法检查器

• 3.html/css

  • auto close tag: 标签自动关闭
  • auto rename tag: 标签自动更名
  • indent-rainbow: 以不同颜色显示代码缩进
  • css peek: 查看并跳转到 css 定义位置
  • html css support: css 自动智能补齐
  • intellsense for css ...:html 中的 css 智能提示
  • easy less: less 实时编译
  • px-to-viewport: px 自动转 vw
  • svg preview: svg 预览器
  • tailwind css ...: 无需离开 html 就可快速构建出现代网页
  • tabout: 按 tab 就可快速跳到下一下,或跳出/越过括号等

• 4.js/es6/node/vue

  • bracket pair ...: 括号高亮配对提示
  • javascript(es6) code snippets: 常用 js 代码片断
  • node-snippets: 常用 node 代码片断
  • quokka.js: js/es6 代码语法实时检查/执行器(续命法宝)
  • rest client: 可不离开 vscode 环境进行 api 请求测试
  • eslint: js 代码质量智能分析器
  • veur: vue 语法高亮,智能感知,emmet 等
  • vue3 snippets: vue3 常用代码片断
  • vue-helper: vue-helper: 在扩展中使用的 vue 提示,如 element ui

• 5.php

  • php intelephense: php 语法提示/自动补齐
  • php intellisense: php 代码跟踪/重构/自动完成
  • php debug: php 代码调试器
  • php docbloker: php 生成块级注释
  • vscode-database: vscode 数据库 SQL 支持插件