码迷,mamicode.com
首页 > 其他好文 > 详细

【2018-12-10】vscode的配置

时间:2018-12-11 00:33:06      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:chinese   article   icon   nap   help   样式设置   ack   vsc   语法高亮   

记录使用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代码片段

【2018-12-10】vscode的配置

标签:chinese   article   icon   nap   help   样式设置   ack   vsc   语法高亮   

原文地址:https://www.cnblogs.com/IT-Bao/p/10090330.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!