vscode 前端程序员开发中常用的扩展

vscode前端建议扩展

1.Chinese (Simplified)

设置编辑器语言为中文

• Chinese (Simplified)

  2.创建一个本地服务器，实时监测文件变化，自己写的HTML文件自动更新显示，不用刷新浏览器（前端必备）

• live server

3.格式化代码（再也不用担心停电了)

prettier

• 安装了需要在 文件-》首选项 》设置》用户下》文件自动保存选择 prettier ，并找到保存时格式化代码

4.运行代码程序

• one runner

  如果是 C 语言 Java程序等可选择安装

  5.文件显示图标

• vscode-icons

  在首选项-》设置中搜索

  vscode-icons 选择它

6.设置文件中字体样式

• Fira Code

  github 中搜索：https://github.com/tonsky/FiraCode/) 并下载

7.自动补全闭合标签

• auto close tag
• auto-Rename tag

8.html css 代码提示（增强的）

• html css support

9.代码片段模板

• html snippets html

10. 快速查找 ID/类等的使用

• css peek

11. 智能感应 css 类等在 HTML文件中的使用

• intellisense for css class names inhtml

  12.js 代码片段模板

• javascript(Es6)

13.按 tab 键自动跳过右括号

• tab out

  14.代码中括号颜色配对显示

• bracket paik colorizer

  15.markdown 语法检查器

• markdownlint

  16.markdown 预览器

• markdown preview enhanced

  安装完成右键选择 Markdown 预览