vscode之必备插件推荐

工欲善其事,必先利其器

Auto Close Tag

自动闭合标签

Auto Rename Tag

自动完成另一侧标签的同步修改

Path Intellisense

自动提示文件路径,支持快速引入文件

Open HTML in Default Browser

右键:在浏览器中打开

Live Server

vscode不是IDE,可以用Liver Server开启本地服务实现视图热更新

Css Peek

右键单击选择器时,展示当前样式,可直接跳转到定义css的代码位置

Color Picker

拾色器
直接在编辑器中选择合适的颜色

cssrem

css值转rem

vscode-icons

Material Icon Theme

图标

One Dark Pro

One Monokai Theme

主题

Chinese (Simplified) Language Pack for Visual Studio Code

安装后,在 locale.json 中添加 "locale": "zh-cn",即可载入中文(简体)语言包。要修改 locale.json,你可以同时按下 Ctrl+Shift+P 打开命令面板,之后输入 "config" 筛选可用命令列表,最后选择配置语言命令。

Vetur

vue语法高亮/格式化/代码片段/语法检查等

GitLens

git版本控制

Git Histroy

Git的详细信息和图表

Debugger for Chrome

在编辑器中设置断点等调试,用于Chrome

Quokka.js

实时调试和展示结果

Faker

Faker 可以随机生成姓名、地址、图像、电话号码
crtl+shift+p 输入Faker:Name即可随即插入姓名

TODO Highlight

高亮TODO 和FIXME注释,以便追踪任何未完成的业务

小程序开发插件

  1. vscode weapp api
  2. vscode wxml
  3. vscode-wechat
  4. Easy WXLESS

你可能感兴趣的:(vscode之必备插件推荐)