文档章节

vscode 特色插件

2676583711
 2676583711
发布于 06/02 21:58
字数 996
阅读 7
收藏 0

 
 
Auto Close Tag    自动添加HTML / XML关闭标签    

Auto Rename Tag    自动重命名配对的HTML / XML标签    

Beautify    格式化代码    

Bracket Pair Colorizer    颜色识别匹配括号    

Code Runner    非常强大的一款插件,能够运行多种语言的代码片段或代码文件:C,C ++,Java,JavaScript,PHP,Python,Perl,Ruby,Go等等
安装完成后,右上角会出现:▶    

change-case    虽然 VSCode 内置了开箱即用的文本转换选项,但其只能进行文本大小写的转换。而此插件则添加了用于修改文本的更多命名格式,包括驼峰命名、下划线分隔命名,snake_case 命名以及 CONST_CAS 命名等    

Chinese (Simplified) Language Pack for Visual Studio Code    中文简体语言包    

Color Info    这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了    

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

Debugger for Chrome    前端调试, 查看使用方法    

ESLint    EsLint可以帮助我们检查Javascript编程时的语法错误。比如:在Javascript应用中,你很难找到你漏泄的变量或者方法。EsLint能够帮助我们分析JS代码,找到bug并确保一定程度的JS语法书写的正确性    

filesize    在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间    

Git History    以图表的形式查看 git 日志    

GitLens — Git supercharged    显示文件最近的 commit 和作者,显示当前行 commit 信息    

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

HTMLHint    HTML 代码格式检测    

HTML Snippets    代码自动填充    

htmltagwrap    在选中HTML标签中外面套一层标签 

”Alt + W” (“Option + W” for Mac)    

Image Preview    鼠标移到路径里显示图像预览    

Indenticator    突出目前的缩进深度    

intelliSense for CSS class names in HTML    把项目中 css 文件里的名称智能提示在 html 中    

JavaScript (ES6) code snippets    es6代码片段    

Live Server    浏览器实时刷新    

Node.js Modules Intellisense    可以在导入语句中自动完成JavaScript / TypeScript模块    

npm Intellisense    require 时的包提示    

Path Intellisense    路径自动补全    

Quokka.js    Quokka 是一个调试工具插件,能够根据你正在编写的代码提供实时反馈
    使用方法: ctrl+shift+p 输入 quokka 选择 new javascript 就可以了    

Regex Previewer    这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上,并高亮所有的匹配项    

SVG Viewer    此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序,你无需离开编辑器,便可以打开 SVG 文件并查看它们。同时,它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项    

Vetur    Vue 语法高亮显示, 语法错误检查, 代码自动补全
(配合 ESLint 插件效果更佳)    

vscode-fileheader    顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间
快捷键: Ctrl+Alt+i (默认信息可在 文件→首选项→设置 中修改)    
 
 引用自CSDN博客 https://blog.csdn.net/shenxianhui1995/article/details/81604818

© 著作权归作者所有

2676583711

2676583711

粉丝 0
博文 7
码字总数 3878
作品 0
武汉
私信 提问
VS Code上手与超实用插件安利

原文链接:VS Code上手与超实用插件安利 工欲善其事必先利其器 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、...

流口水流
2017/11/24
0
0
VSCode插件开发全攻略(一)概览

文章索引 VSCode插件开发全攻略(一)概览 VSCode插件开发全攻略(二)HelloWord VSCode插件开发全攻略(三)package.json详解 VSCode插件开发全攻略(四)命令、菜单、快捷键 VSCode插件开发...

xal
2018/10/18
0
0
装上这几个 VSCode 插件后,上班划水摸鱼不是梦

摘要: VS Code越来越有意思了。 原文:装上这几个 VSCode 插件后,上班划水摸鱼不是梦 作者:GitHubDaily Fundebug经授权转载,版权归原作者所有。 最近在微博分享了几个 VSCode 划水插件,...

Fundebug
03/11
0
0
vscode插件开发实践与demo源码

写在前面 工欲善其事必先利其器。vscode作为优秀的开发工具,给我的日常开发工作提供了极大的便利。其拓展机制更是如此。 但是,最近在做年度专业线任务时,有需要用到漂亮的行尾注释对齐,搜...

保山
02/13
0
0
xmake-vscode 1.1.2 发布,断点调试支持

xmake-vscode插件深度集成了xmake和vscode,提供方便快速的跨平台c/c++构建。 此版本主要更新内容如下: 利用C/C++插件vscode-cpptools实现直接加载断点调试xmake编译的程序 多工程目录工作区...

ruki
2018/07/04
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

作为一个(IT)程序员!聊天没有话题?试试这十二种技巧

首先呢?我是一名程序员,经常性和同事没话题。 因为每天都会有自己的任务要做,程序员对于其他行业来说;是相对来说比较忙的。你会经常看到程序员在发呆、调试密密麻麻代码、红色报错发呆;...

小英子wep
今天
12
0
【SpringBoot】产生背景及简介

一、SpringBoot介绍 Spring Boot 是由 Pivotal 团队提供的全新框架,其设计目的是用来简化新 Spring 应用的初始搭建以及开发过程,该框架使用了特定的方式来进行配置,从而使开发人员不再需要...

zw965
今天
4
0
简述并发编程分为三个核心问题:分工、同步、互斥。

总的来说,并发编程可以总结为三个核心问题:分工、同步、互斥。 所谓分工指的是如何高效地拆解任务并分配给线程,而同步指的是线程之间如何协作,互斥则是保证同一时刻只允许一个线程访问共...

dust8080
今天
6
0
OSChina 周四乱弹 —— 当你简历注水但还是找到了工作

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @花间小酌 :#今日歌曲推荐# 分享成龙的单曲《男儿当自强》。 《男儿当自强》- 成龙 手机党少年们想听歌,请使劲儿戳(这里) @hxg2016 :刚在...

小小编辑
今天
3.3K
22
靠写代码赚钱的一些门路

作者 @mezod 译者 @josephchang10 如今,通过自己的代码去赚钱变得越来越简单,不过对很多人来说依然还是很难,因为他们不知道有哪些门路。 今天给大家分享一个精彩的 GitHub 库,这个库整理...

高级农民工
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部