WWW.lllT.neT下边这篇文章内容给我们介绍一下常见的VSCode扩展,期待对各位有些协助!

一、扩展

名字

概述

Auto Close Tag

全自动合闭HTML标识

Auto Import

import提醒

Auto Rename Tag

改动HTML标识时,全自动改动配对的标识

Babel JavaScript

babel软件,英语的语法高亮度

Babelrc

.babelrc文件高亮度提醒

Beautify css/sass/scss/less

css/sass/less恢复出厂设置

Better Align

两端对齐取值标记和注解

Better Comments

撰写更为个性化的注解

Bookmarks

加上行便签

Bracket Lens

在合闭的引号处提醒引号头顶部的编码

Bracket Pair Colorizer 2

用不一样的颜色突出显示配对的引号

Can I Use

HTML5、CSS3、SVG的兼容性设置查验

Code Outline

展现编码构造树

Code Runner

运作选定字符串常量(适用大部分语言表达)

Code Spell checker

单词拼写查验

CodeBing

迅速开启Bing并检索,可配备百度搜索引擎

Color Highlight

颜色值在编码中突出显示

Color Info

小窗口表明颜色值,rgb,hsl,cmyk,hex这些

Color Picker

拾色器

CSS-in-JS

CSS-in-JS高亮度提醒和变换

Dash

集成化Dash

Debugger for Chrome

调节Chrome

Document This

注解文本文档转化成

DotENV

.env文件高亮度

Edit csv

编缉CSV文档

EditorConfig for VS Code

EditorConfig软件

Emoji

在编码中键入emoji

endy

将键入鼠标光标自动跳转到某一行最终面

Error Gutters

在行号处提醒错误码

ESLint

ESLint软件,高亮度提醒

File Peek

依据途径字符串数组,迅速精准定位到文档

filesize

通知栏表明当今图片大小

Find-Jump

迅速自动跳转到特定英语单词部位

Font-awesome codes for html

FontAwesome提醒字符串常量

ftp-sync

同歩文档到ftp

Git Blame

在通知栏表明当今行的Git信息

Git File History

迅速浏览单文档历史时间递交变化

Git Graph

Git图形界面主视图,便捷访问和实际操作

Git History(git log)

查询git log

Git Tree Compare

Git树型核对,查询不一样支系的差别

gitignore

.gitignore文件英语的语法

GitLens

显示文件近期的commit和创作者,表明当今行commit信息

GraphQL for VSCode

graphql高亮度和提醒

Guides

高亮度缩近基准点

Gulp Snippets

Gulp字符串常量

Highlight Matching Tag

高亮度配对选定的标识

HTML CSS Class Completion

CSS class提醒

HTML CSS Support

css提醒(适用vue)

HTMLHint

HTML文件格式提醒

htmltagwrap

便捷包囊html标签

htmltagwrap

包含HTML

Import Beautify

import分类、排列、恢复出厂设置

Import Cost

业内表明导进(import/require)的包的尺寸

Indenticator

缩近高亮度

IntelliSense for css class names

css class键入提醒

JavaScript (ES6) code snippets

ES6英语的语法字符串常量

JavaScript Standard Style

Standard设计风格

Jest Runner

适用实行Jest单独一个检测文档或单独一个测试用例

JS Refactor

代码优化专用工具,获取涵数、自变量重新命名这些

JSON to TS

JSON构造转换为typescript的interface

JSON Tools

恢复出厂设置和缩小JSON

jumpy

迅速自动跳转到特定英语单词部位

language-stylus

Stylus英语的语法高亮度和提醒

Less IntelliSense

less自变量与混和提醒

Lodash

Lodash字符串常量

Log Wrapper

生产制造打印出选定自变量的编码

markdownlint

Markdown文件格式提醒

MochaSnippets

Mocha字符串常量

Node modules resolve

快速导航到Node控制模块

npm

运作npm命令

npm Intellisense

导进控制模块时,提醒已组装控制模块名字

Output Colorizer

五颜六色导出信息内容

Partial Diff

比照2段编码或文档

Parameter Hints

在调用函数处标示主要参数名字

Path Autocomplete

途径进行提醒

Path Intellisense

另一个途径进行提醒

Polacode

将代码生成照片

PostCss Sorting

css排列

Prettier - Code formatter

prettier官方网软件

Prettify JSON

恢复出厂设置JSON

Project Manager

迅速转换新项目

Quokka.js

不用手动式运作,业内表明自变量結果

Rainbow CSV

CSV文档应用彩虹色3D渲染不一样列

React Native Storybooks

storybook浏览软件,适用react

React Playground

为编辑软件给予一个react部件软件环境,便捷调节

React Standard Style code snippets

react standar设计风格代码块

REST Client

推送REST设计风格的HTTPpost请求

Sass

sass软件

Settings Sync

VSCode设定同歩到Gist

Sort lines

排列选定行

Sort Typescript Imports

typescript的import排列

String Manipulation

字符串数组变换解决(骆驼峰、英文大写开始、下横线这些)

stylelint

css/sass/less编码设计风格

SVG Viewer

SVG查看器

Syncing

vscode设定同歩到gist

Test Spec Generator

功能测试转化成(适用chai、should、jasmine)

TODO Parser

Todo管理方法

Todo Todo Tree

搜集编码中的TODO注解,适用快速查询

Toggle Quotes

转换JS中的冒号," -> ' -> `

TS/JS postfix completion

ts/js后缀名提醒

TSLint

TypeScript语法检查

Types auto installer

自动安装@types申明依靠

TypeScript Hero

TypeScript协助软件,管理方法import、outline这些

TypeScript Import

TS全自动import

TypeScript Import Sorter

import梳理排列

Typescript React code snippets

React Typescript字符串常量

TypeSearch

TS申明文件搜索

Version Lens

package.json文件表明控制模块当今版本号和最新版

vetur

Vue软件

Volar

Vue软件,适用Vue3

View Node Package

迅速开启选定控制模块的首页和代码仓库

Visual Studio IntelliCode

根据AI的编码提醒

VS Live Share

即时多的人帮助

VSCode Great Icons

文件图标扩展

vscode-database

实际操作数据库查询,适用mysql和postgres

vscode-icons

文件图标,便捷精准定位文档

vscode-random

随机字符串制作器

vscode-spotify

集成化spotify,音乐播放

vscode-styled-components

styled-components高亮度适用

vscode-styled-jsx

styled-jsx高亮度适用

Vue Peek

适用自动跳转到Vue部件界定文档

Vue TypeScript Snippets

Vue Typescript字符串常量

VueHelper

Vue2字符串常量(包含Vue2 api、vue-router2、vuex2)

Wallaby.js

即时检测软件

Wrap Console Log Lite

对选定编码迅速console.log

二、主题风格


名字

浏览

Atom One Light Theme

【人设崩塌】VSCode扩展全新归纳!


bluloco-dark

【人设崩塌】VSCode扩展全新归纳!

bluloco-light


Enki Theme

【人设崩塌】VSCode扩展全新归纳!


eppz! (C# theme for Unity)


Eva Theme


Flat UI

【人设崩塌】VSCode扩展全新归纳!

GitHub Theme

【人设崩塌】VSCode扩展全新归纳!

Monokai Pro


New Moon VSCode


One Dark Pro


Plastic


spacegray-vscode

【人设崩塌】VSCode扩展全新归纳!

Splus

【人设崩塌】VSCode扩展全新归纳!

三、本人首选项配备(仅作参考)

{  "breadcrumbs.enabled": true,  "editor.tabSize": 2,  "editor.renderWhitespace": "boundary",  "editor.cursorBlinking": "smooth",  "editor.minimap.renderCharacters": false,  "editor.fontFamily": "'Fira Code', 'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",  "editor.fontLigatures": true,  "explorer.confirmDragAndDrop": false,  "extensions.autoUpdate": false,  "files.insertFinalNewline": true,  "git.autofetch": true,  "git.path": "F:\Program Files\Git\cmd\git.exe",  "search.exclude": {    "**/node_modules": true,    "**/dist": true
  },  "typescript.locale": "en",  "window.titleBarStyle": "custom",  "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",  "window.zoomLevel": 1,  "workbench.activityBar.visible": true,  "workbench.colorTheme": "Plastic - deprioritised punctuation",  "workbench.iconTheme": "vscode-great-icons",  "workbench.startupEditor": "newUntitledFile",  "eslint.autoFixOnSave": true,  "eslint.validate": ["javascript", "javascriptreact", "vue"],  "vsicons.projectDetection.autoReload": true,  "vsicons.dontShowNewVersionMessage": true,  "tslint.autoFixOnSave": true,  "debugwrapper.wrappers": {    "default": "console.log('$eSEL', $SEL)"
  },  "prettier.tslintIntegration": true,  "cSpell.userWords": [    "Unmount"
  ],  "jest.autoEnable": false,
}

以上便是【人设崩塌】VSCode扩展全新归纳!的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT
标签: 工具使用
下载本文:【人设崩塌】VSCode扩展全新归纳!.doc

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:【人设崩塌】VSCode扩展全新归纳!发布于2021-12-07 11:00:02

相关推荐