2018-12-10vscode的配置

Posted 2021-01-26 it-bao

记录使用vscode最常用的插件

chinese

汉化vscode

html Snippets

超级实用且初级的 H5代码片段以及提示

HTML CSS Support

让 html 标签上写class 智能提示当前项目所支持的样式

vscode-icons

让 vscode 资源树目录加上图标

Path Intellisense

自动路径补全

Npm Intellisense

require 时的包提示

beautify

格式化代码的工具

Atuo Rename Tag

修改 html 标签，自动帮你完成尾部闭合标签的同步修改

Auto Close Tag

自动闭合HTML/XML标签

Bracket Pair Colorizer

让括号拥有独立的颜色，易于区分。可以配合任意主题使用

CSS Peek

使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。

open in browser

vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器

HTML Boilerplate

通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构

（1）、微信小程序开发常用插件

vscode weapp api 

vscode wxml 

vscode-wechat 

minapp

小程序助手

(2)、vue开发

vetur

语法高亮、智能感知、Emmet等

VueHelper

snippet代码片段