vscode 常用插件安裝

名稱

簡述

Auto Close Tag

自動閉合HTML標籤

Auto Import

import提示

Auto Rename Tag

修改HTML標籤時,自動修改匹配的標籤

Airbnb react snippets

react編碼規範

AutoFileName

自動補全文字名

Babel JavaScript

babel插件,語法高亮

Babelrc

.babelrc文件高亮提示

Beautify css/sass/scss/less

css/sass/less格式化

Better Align

對齊賦值符號和註釋

Better Comments

編寫更加人性化的註釋

Bookmarks

添加行書籤

Bracket Pair Colorizer

用不同顏色高亮顯示匹配的括號

Can I Use

HTML5CSS3SVG的瀏覽器兼容性檢查

Code Runner

運行選中代碼段(支持多數語言)

Code Spell checker

單詞拼寫檢查

CodeBing

快速打開Bing並搜索,可配置搜索引擎

Color Highlight

顏色值在代碼中高亮顯示

Color Info

小窗口顯示顏色值,rgb,hsl,cmyk,hex等等

Color Picker

拾色器

CSS-in-JS

CSS-in-JS高亮提示和轉換

Chinese (Simplified) Language Pack for Visual Studio Code

載入中文語言包

Dash

集成Dash

Debugger for Chrome

調試Chrome

Document This

註釋文檔生成

DotENV

.env文件高亮

EditorConfig for VS Code

EditorConfig插件

Emoji

在代碼中輸入emoji

endy

將輸入光標跳轉到當前行最後面

ESLint

ESLint插件,高亮提示

VS Code ES7 React/Redux/React- Native/JS snippets

react全家桶

File Peek

根據路徑字符串,快速定位到文件

filesize

狀態欄顯示當前文件大小

Find-jump

快速跳轉到指定單詞位置

Font-awesome codes for html

FontAwesome提示代碼段

ftp-sync

同步文件到ftp

Git Blame

在狀態欄顯示當前行的Git信息

Git History(git log)

查看git log

gitignore

.gitignore文件語法

GitLens

顯示文件最近的commit和作者,顯示當前行commit信息

Guides

高亮縮進基準線

Gulp Snippets

Gulp代碼段

HTML CSS Class Completion

CSS class提示

HTML CSS Support

css提示(支持vue

HTMLHint

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風格

JS Refactor

代碼重構工具,提取函數、變量重命名等等

JSON to TS

JSON結構轉化爲typescriptinterface

JSON Tools

格式化和壓縮JSON

 

jumpy

快速跳轉到指定單詞位置

language-stylus

Stylus語法高亮和提示

Less IntelliSense

less變量與混合提示

Lodash

Lodash代碼段

Laravel goto view

點擊路徑跳轉

MochaSnippets

Mocha代碼段

markdownlint

Markdown格式提示

 

minapp

微信小程序標籤、屬性的智能補全(同時支持原生小程序、

mpvue wepy 框架,並提供 snippets

Node modules resolve

快速導航到Node模塊

npm

運行npm命令

npm Intellisense

導入模塊時,提示已安裝模塊名稱

Output Colorizer

彩色輸出信息

Partial Diff

Partial Diff

Path Autocomplete

路徑完成提示

Path Intellisense

另一個路徑完成提示

Polacode

將代碼生成圖片

PostCss Sorting

css排序

Prettify JSON

格式化JSON

Project Manager

快速切換項目

Quokka.js

不需要手動運行,行內顯示變量結果

React Native Storybooks

storybook預覽插件,支持react

React Playground

爲編輯器提供一個react組件運行環境,方便調試

React Standard Style code snippets

react standar風格代碼塊

REST Client

發送REST風格的HTTP請求

Sass

sass插件

Settings Sync

VSCode設置同步到Gist

Sort lines

排序選中行

 

Sort Typescript Imports

typescriptimport排序

String Manipulation

字符串轉換處理(駝峯、大寫開頭、下劃線等等)

stylelint

css/sass/less代碼風格

SVG Viewer

SVG查看器

TS/JS postfix completion

ts/js後綴提示

TSLint

TypeScript語法檢查

Types auto installer

自動安裝@types聲明依賴

TypeScript Hero

TypeScript輔助插件,管理importoutline等等

TypeScript Import

TS自動import

TypeScript Import Sorter

import整理排序

Typescript React code snippets

React Typescript代碼段

TypeSearch

TS聲明文件搜索

Version Lens

package.json文件顯示模塊當前版本和最新版本

vetur

目前比較好的Vue語法高亮

View Node Package

快速打開選中模塊的主頁和代碼倉庫

VS Live Share

實時多人協助

VSCode Great Icons

文件圖標拓展

vscode-database

操作數據庫,支持mysqlpostgres

vscode-icons

文件圖標,方便定位文件

vscode-random

隨機字符串生成器

vscode-spotify

集成spotify,播放音樂

vscode-styled-components

styled-components高亮支持

vscode-styled-jsx

styled-jsx高亮支持

Vue TypeScript Snippets

Vue Typescript代碼段

VueHelper

Vue2代碼段(包括Vue2 apivue-router2vuex2

View In Browser

瀏覽器中查看

Vetur-wepy

添加對wepy框架的.wpy後綴支持

vscode wxml

VSCode 提供 wxml 語法支持及代碼片段

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章