Visual Studio Code VSCode 常用 插件 扩展

发表于 | 更新于 | 评论数： | 阅读次数：

界面主题

  • Monokai : VSCcode 内置主题
  • Agila : 包含多个主题
  • Dark-Dracula Theme : Dracula 风格主题里面比较好的
  • Nosferatu : Dracula 风格主题
  • monokai light : 白色，背景色类色默认的vs亮色主题背景
  • FlatUI : 包含多个主题
  • Flatland Monokai Theme : monokai 风格主题 暗
  • theme-dark-monokai : monokai 风格主题 暗
  • Monokai Dark Soda : monokai 风格主题 暗
  • Monokai Light : monokai 风格主题 亮

图标主题

  • vscode-icons：Icons : 主要推荐
  • material icon theme : 备选

功能插件

通用常用

  • Setting Sync: 同步备份VSCode的设置和插件到GitHUB，换电脑时可一键恢复；
  • Bracket Pair Colorizer ：对括号对进行着色，再也不会眼晕了；
  • Output Colorizer : 可以终端日志输出着色，实用；
  • XML Tools ：作者 Josh Johnson - XML 格式化/Tree View
  • XML Tools （备选） : 作者 Qub - 格式化XML文档 Alt+Shift+F
  • vscode-fileheader: 添加头header comment
  • Align : 代码对齐插件

Markdown

  • Markdown All in One : All in One，提供多种快捷操作，非常好用；
  • Markdown Preview Enhanced : 强大的 Markdown 预览/导出插件，具体说明见这里
  • markdownlint : 编写 Markdown 文件时智能提示，有助于养成好习惯。
  • Markdown Table Prettifier : Markdown 文件中，对表格进行强制格式化，看起来更整齐，舒服。（备注：Makdwon All In One 已经具备此功能。）

Python

  • Python : Python extension for Visual Studio Code ,微软出品
  • Python Extension Pack ： 包含多个插件，snippets 提示比微软的要更全面

C＃

  • C# : VSCode 开发 C# 必备
  • C# FixFormat : 格式化代码，好用;This extension helps to format C# code. When OmniSharp will support all features - will be deprecated.
  • C# Extensions : 提高开发效率的扩展工具

WEB

  • Auto Rename Tag : sublime和webstorm也有这个内置功能，改变标签的时候同时改动开闭合标签；【HTML/XML】
  • Beautify ：格式化代码，支持 javascript, JSON, CSS, Sass, and HTML；
  • Document this : js 的注释模板 （注意：新版的vscode已经原生支持,在function上输入/** 弹出注释选择）
  • ESlint : 添加对 ESLint 的支持
  • HTMLHint ： HTML 代码检查
  • Icon Fonts ： 个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。
  • IntelliSense for CSS class names ： A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the CSS class definitions that can be found in your workspace or external files referenced through the link element.
  • Open-In-Browser ：此插件在快捷菜单中添加了在默认浏览器查看文件,快捷键Ctrl + K D可能会有冲突，可以改为Ctrl + K B;不在工作区的文件没有快捷菜单。
  • CSS Peek ：当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。
  • Path Autocomplete : 路径智能补全
  • Path Intellisense ： 路径智能提示
  • stylelint : 比内置的要全，更智能
0%