0
点赞
收藏
分享

微信扫一扫

Visual Studio Code插件-前端工程师开发必备

Visual Studio Code插件-前端工程师开发必备_css

前端开发工具

1.Auto Rename Tag

自动重命名 HTML或XML 标签

Visual Studio Code插件-前端工程师开发必备_vscode_02
Visual Studio Code插件-前端工程师开发必备_javascript_03

2.Auto Close Tag

自动添加 HTML/XML 关闭标签
Visual Studio Code插件-前端工程师开发必备_html_04
Visual Studio Code插件-前端工程师开发必备_vscode_05

3.Path Intellisense

智能路径提示
Visual Studio Code插件-前端工程师开发必备_html_06
Visual Studio Code插件-前端工程师开发必备_mongodb_07

4.npm Intellisense

Visual Studio Code插件-前端工程师开发必备_html_08
Visual Studio Code插件-前端工程师开发必备_css_09
Visual Studio Code插件-前端工程师开发必备_vscode_10

5.Turbo Console Log

快速添加 console.log 信息,js debug 必备

快捷键

​ctrl + alt + l​​选中变量之后,使用这个快捷键生成 console.log

​alt + shift + c​​ 注释所有 console.log

​alt + shift + u​​启用所有 console.log

​alt + shift + d​​​ 删除所有 console.log
Visual Studio Code插件-前端工程师开发必备_vscode_11
Visual Studio Code插件-前端工程师开发必备_html_12

Visual Studio Code插件-前端工程师开发必备_mongodb_13

6.CSS Peek

查看 css 定义
Visual Studio Code插件-前端工程师开发必备_javascript_14
Visual Studio Code插件-前端工程师开发必备_mongodb_15

7.Easy LESS

Visual Studio Code插件-前端工程师开发必备_mongodb_16

8.Image Preview

预览图片
Visual Studio Code插件-前端工程师开发必备_vscode_17
Visual Studio Code插件-前端工程师开发必备_vscode_18

9.Prettier - Code formatter

自动格式化代码
Visual Studio Code插件-前端工程师开发必备_mongodb_19

10.vscode-icons

VSCode官方出品的图标库
Visual Studio Code插件-前端工程师开发必备_vscode_20
Visual Studio Code插件-前端工程师开发必备_vscode_21

11.wakatime

编程时间及行为跟踪统计

Visual Studio Code插件-前端工程师开发必备_html_22
Visual Studio Code插件-前端工程师开发必备_html_23

12.Polacode

代码截图

Visual Studio Code插件-前端工程师开发必备_vscode_24

13.MongoDB for VS Code

MongoDB 数据库支持
Visual Studio Code插件-前端工程师开发必备_javascript_25

14.Bracket Pair Colorizer

给匹配的括号上色,可以自定义配置
Visual Studio Code插件-前端工程师开发必备_html_26
Visual Studio Code插件-前端工程师开发必备_mongodb_27
Visual Studio Code插件-前端工程师开发必备_mongodb_28

15.Markdown Preview Enhanced

在 VSCode 里编写 Markdown,支持预览
Visual Studio Code插件-前端工程师开发必备_css_29
Visual Studio Code插件-前端工程师开发必备_vscode_30

16.EditorConfig for VS Code

代码风格统一
Visual Studio Code插件-前端工程师开发必备_html_31

17.Codelf

给变量起名的神器
Visual Studio Code插件-前端工程师开发必备_html_32
Visual Studio Code插件-前端工程师开发必备_vscode_33
Visual Studio Code插件-前端工程师开发必备_javascript_34

18.Regex Previewer

预览正则表达式效果
Visual Studio Code插件-前端工程师开发必备_vscode_35
Visual Studio Code插件-前端工程师开发必备_mongodb_36

19.VSC Netease Music

网易云音乐(程序员版)
Visual Studio Code插件-前端工程师开发必备_javascript_37
Visual Studio Code插件-前端工程师开发必备_vscode_38

20.Open-In-Browser

由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项,以及在客户端(Firefox,Chrome,IE)中打开命令面板选项。
Visual Studio Code插件-前端工程师开发必备_vscode_39

21.Themes

Visual Studio Code插件-前端工程师开发必备_html_40
当然,在众多的实用插件中,岂能少了漂亮的主题呢?你每天都会与你的 VSCode 编辑器进行“亲密的接触”,为何不把它打扮得更漂亮些呢?这里有一些帮助你更改侧边栏的配色方案,以及图标的相关主题,与大家分享:

• One Monokai

• Aglia

• One Dark

• Material Icon

22.IntelliSense for CSS class names in HTML

提示html/css语法
Visual Studio Code插件-前端工程师开发必备_css_41

23.VueHelper

vue语法提示
Visual Studio Code插件-前端工程师开发必备_css_42

24.Vetur

vue语法高亮,没有它,代码界面会呈现灰度状态
Visual Studio Code插件-前端工程师开发必备_css_43

Visual Studio Code插件-前端工程师开发必备_css_44


举报

相关推荐

0 条评论