vscode 常用插件
1. 语言与格式化
| 序号 |
插件名称 |
描述 |
| 1 |
Chinese Language… |
中文简体语言包 |
| 2 |
Prettier-Code Formatter |
几乎支持所有前端代码的格式化 |
| 3 |
Simple icons |
小巧实用的文件图标集合 |
| 4 |
One Dark Pro |
个人非常喜欢的一款主题 |
2. html/css 相关
| 序号 |
插件名称 |
描述 |
| 1 |
Auto Close Tag |
标签自动关闭 |
| 2 |
Auto Rename Tag |
标签自动更名 |
| 3 |
Auto Complete Tag |
标签自动完成 |
| 4 |
HTML CSS Support |
自动补全样式表 |
| 5 |
HTML Snippets |
html 代码片断 |
3. js/vue 相关
| 序号 |
插件名称 |
描述 |
| 1 |
JavaScript(ES6) Code snippets |
js/es6 代码片断 |
| 2 |
Vue |
Vue 语法提示 |
| 3 |
Vue2 Snippets |
Vue 代码片断 |
| 4 |
Vue-beautify |
Vue 代码格式化 |
4. php / mysql 相关
| 序号 |
插件名称 |
描述 |
| 1 |
PHP Intelephense |
代码提示与函数跳转… |
| 2 |
PHP IntelliSense |
代码智能感知(可选) |
| 3 |
PHP DocBlocker |
代码块注释(可选) |
| 4 |
Format HTML in PHP |
格式化 PHP 中的 html 代码 |
| 5 |
MySQL |
MySQL 语法高亮 |
5. markdown 相关
| 序号 |
插件名称 |
描述 |
| 1 |
Markdown Rreview Enhanced |
mardown 文件预览 |
| 2 |
Markdownlint |
Markdown 语法检查器 |
6. 效率相关
| 序号 |
插件名称 |
描述 |
| 1 |
Live Server |
内置 web 服务器 |
| 2 |
Code Runner |
支持常见的编程语言运行调试 |
| 3 |
Bracket pair colorizer |
不同颜色表示不同层级括号 |
7. markdown 常用语法
- markdown 是轻量级的标记语言,可直接转为
html - markdown 常用来编写电子书,课件等,可导入多种格式,如
pdf,epub等 - markdown 语法非常简单,常用的标签有:
| 序号 |
元素 |
标签 |
| 1 |
标题 |
#, ##,###… |
| 2 |
段落 |
行未加 2 个空格,或行与行之间空一行 |
| 3 |
文本 |
*斜体*, **加粗** |
| 4 |
分隔条 |
--- (不少于 3 个) |
| 5 |
列表 |
有序:1. ..., 无序:- ... ,支持嵌套 |
| 6 |
引用 |
> ..., 可多行,形成一个区块,内部支持列等 |
| 7 |
代码 |
单行: `…`, 多行: ```html … ``` |
| 8 |
链接 |
[名称](URL), 或者 \<url> |
| 9 |
图片 |
 |
| 10 |
表格 |
表格是硬画出来的,详情见实例 |
markdown 支持扩展, 不少编辑器扩展了许多功能,例如支持公式,流程图等
