vscode 自己整理一篇插件和技巧文章自己看呗~

| Auto Close Tag | 自动闭合HTML标签 |
| Auto Import | Typescript自动import提示 |
| Auto Rename Tag | 修改HTML标签时，自动修改匹配的标签 |
| Beautify css/sass/scss/less | css/sass/less格式化 |
| Bracket Pair Colorizer | 用不同颜色高亮显示匹配的括号 |
| Code Runner | 运行选中代码段（支持大量语言，包括Node） |
| Color Highlight | 颜色值在代码中高亮显示 |
| Debugger for Chrome | 调试Chrome |
| Emoji | 在代码中输入emoji |
| File Peek | 根据路径字符串，快速定位到文件 |
Font-awesome codes for html|FontAwesome提示代码段
| Git Blame | 在状态栏显示当前行的Git信息 |
| Git History(git log) | 查看git log |
| GitLens | 显示文件最近的commit和作者，显示当前行commit信息 |
| Gulp Snippets | Gulp代码段 |
| HTML CSS Class Completion | CSS class提示 |
| HTML CSS Support | css提示（支持vue） |
| htmltagwrap | 包裹HTML |
| Import Cost | 行内显示导入（import/require）的包的大小 |
| Indenticator | 缩进高亮 |
| JavaScript (ES6) code snippets | ES6语法代码段 |
| IntelliSense for css class names | css class输入提示 |
JavaScript standardjs styled snippets
| JavaScript Standard Style | Standard风格 | 使用
| JSON Tools | 格式化和压缩JSON |
| Less IntelliSense | less变量与混合提示 |
| Lodash | Lodash代码段 |
| Log Wrapper | 生产打印选中变量的代码 ctrl+shift+q |
| MochaSnippets | Mocha代码段 |
| Node modules resolve | 快速导航到Node模块 |
| Code Outline | 展示代码结构树 |
| Output Colorizer | 彩色输出信息 |
| Partial Diff | 对比两段代码或文件 |
| Path Autocomplete | 路径完成提示 |
Path Autocomplete
| CssComb | css排序 使用|
| Quokka.js | 不需要手动运行，行内显示变量结果 |
| REST Client | 发送REST风格的HTTP请求 |

| Sort Typescript Imports | typescript的import排序 |
| SVG Viewer | SVG查看器 |
| VueHelper | Vue2代码段（包括Vue2 api、vue-router2、vuex2） |

|vscode-fileheader| 代码注释|

jquery Code Sinppets jquery代码段

Trigger	Description
func	An anonymous function.
jqAfter	Insert content, specified by the parameter, after each element in the set of matched elements.
jqAjax	Perform an asynchronous HTTP (Ajax) request.
jqAjaxAspNetWebService	Perform an asynchronous HTTP (Ajax) request to a ASP.NET web service.
jqAppend	Insert content, specified by the parameter, to the end of each element in the set of matched elements.
jqAppendTo	Insert every element in the set of matched elements to the end of the target.
jqAttrGet	Get the value of an attribute for the first element in the set of matched elements.
jqAttrRemove	Remove an attribute from each element in the set of matched elements.
jqAttrSet	Set one or more attributes for the set of matched elements.
jqAttrSetFn	Set one or more attributes for the set of matched elements.
jqAttrSetObj	Set one or more attributes for the set of matched elements.
jqBefore	Insert content, specified by the parameter, before each element in the set of matched elements.
jqBind	Attach a handler to an event for the elements.
jqBindWithData	Attach a handler to an event for the elements.
jqBlur	Bind an event handler to the "blur" JavaScript event, or trigger that event on an element.
jqChange	Bind an event handler to the "change" JavaScript event, or trigger that event on an element.
jqClassAdd	Adds the specified class(es) to each of the set of matched elements.
jqClassRemove	Remove a single class, multiple classes, or all classes from each element in the set of matched elements.
jqClassToggle	Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence.
jqClassToggleSwitch	Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the switch argument.
jqClick	Bind an event handler to the "click" JavaScript event, or trigger that event on an element.
jqClone	Create a deep copy of the set of matched elements.
jqCloneWithEvents	Create a deep copy of the set of matched elements.
jqCssGet	Get the computed style properties for the first element in the set of matched elements.
jqCssSet	Set one or more CSS properties for the set of matched elements.
jqCssSetObj	Set one or more CSS properties for the set of matched elements.
jqDataGet	Return the value at the named data store for the first element in the jQuery collection, as set by data(name, value) or by an HTML5 data-* attribute.
jqDataRemove	Remove a previously-stored piece of data.
jqDataSet	Store arbitrary data associated with the matched elements.
jqDataSetObj	Store arbitrary data associated with the matched elements.
jqDie	Remove event handlers previously attached using .live() from the elements.
jqDieAll	Remove event handlers previously attached using .live() from the elements.
jqDieFn	Remove event handlers previously attached using .live() from the elements.
jqDocReady	Function to execute when the DOM is fully loaded.
jqDocReadyShort	Function to execute when the DOM is fully loaded.
jqEach	A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. Arrays and array-like objects with a length property (such as a function's arguments object) are iterated by numeric index, from 0 to length-1. Other objects are iterated via their named properties.
jqEachElement	Iterate over a jQuery object, executing a function for each matched element.
jqEmpty	Remove all child nodes of the set of matched elements from the DOM.
jqFadeIn	Display the matched elements by fading them to opaque.
jqFadeInFull	Display the matched elements by fading them to opaque.
jqFadeOut	Hide the matched elements by fading them to transparent.
jqFadeOutFull	Hide the matched elements by fading them to transparent.
jqFadeTo	Adjust the opacity of the matched elements.
jqFadeToFull	Adjust the opacity of the matched elements.
jqFind	Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.
jqFocus	Bind an event handler to the "focus" JavaScript event, or trigger that event on an element.
jqGet	Load data from the server using a HTTP GET request.
jqGetJson	Load JSON-encoded data from the server using a GET HTTP request.
jqGetScript	Load a JavaScript file from the server using a GET HTTP request, then execute it.
jqHasClass	Determine whether any of the matched elements are assigned the given class.
jqHeightGet	Get the current computed height for the first element in the set of matched elements.
jqHeightSet	Set the CSS height of every matched element.
jqHide	Hide the matched elements.
jqHideFull	Hide the matched elements.
jqHover	Bind two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements.
jqHtmlGet	Get the HTML contents of the first element in the set of matched elements.
jqHtmlSet	Set the HTML contents of each element in the set of matched elements.
jqInnerHeight	Get the current computed height for the first element in the set of matched elements, including padding but not border.
jqInnerWidth	Get the current computed inner width for the first element in the set of matched elements, including padding but not border.
jqInsertAfter	Insert every element in the set of matched elements after the target.
jqInsertBefore	Insert every element in the set of matched elements before the target.
jqKeyDown	Bind an event handler to the "keydown" JavaScript event, or trigger that event on an element.
jqKeyPress	Bind an event handler to the "keypress" JavaScript event, or trigger that event on an element.
jqKeyUp	Bind an event handler to the "keyup" JavaScript event, or trigger that event on an element.
jqLoadGet	Load data from the server and place the returned HTML into the matched element.
jqLoadPost	Load data from the server and place the returned HTML into the matched element.
jqMap	Translate all items in an array or object to new array of items.
jqMouseDown	Bind an event handler to the "mousedown" JavaScript event, or trigger that event on an element.
jqMouseEnter	Bind an event handler to be fired when the mouse enters an element, or trigger that handler on an element.
jqMouseLeave	Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element.
jqMouseMove	Bind an event handler to the "mousemove" JavaScript event, or trigger that event on an element.
jqMouseOut	Bind an event handler to the "mouseout" JavaScript event, or trigger that event on an element.
jqMouseOver	Bind an event handler to the "mouseover" JavaScript event, or trigger that event on an element.
jqMouseUp	Bind an event handler to the "mouseup" JavaScript event, or trigger that event on an element.
jqNamespace	A namespace template. ref: http://enterprisejquery.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-1/
jqOffsetGet	Get the current coordinates of the first element, or set the coordinates of every element, in the set of matched elements, relative to the document.
jqOffsetParent	Get the closest ancestor element that is positioned.
jqOn	Attach an event handler function for one or more events to the selected elements.
jqOne	Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
jqOneWithData	Attach a handler to an event for the elements. The handler is executed at most once per element per event type.
jqOuterHeight	Get the current computed height for the first element in the set of matched elements, including padding, border, and optionally margin. Returns a number (without "px") representation of the value or null if called on an empty set of elements.
jqOuterWidth	Get the current computed width for the first element in the set of matched elements, including padding and border.
jqPlugin	Plugin template.
jqPosition	Get the current coordinates of the first element in the set of matched elements, relative to the offset parent.
jqPost	Load data from the server using a HTTP POST request.
jqPrepend	Insert content, specified by the parameter, to the beginning of each element in the set of matched elements.
jqPrependTo	Insert every element in the set of matched elements to the beginning of the target.
jqRemove	Remove the set of matched elements from the DOM.
jqRemoveExp	Remove the set of matched elements from the DOM.
jqReplaceAll	Replace each target element with the set of matched elements.
jqReplaceWith	Replace each element in the set of matched elements with the provided new content and return the set of elements that was removed.
jqResize	Bind an event handler to the "resize" JavaScript event, or trigger that event on an element.
jqScroll	Bind an event handler to the "scroll" JavaScript event, or trigger that event on an element.
jqScrollLeftGet	Get the current horizontal position of the scroll bar for the first element in the set of matched elements.
jqScrollLeftSet	Set the current horizontal position of the scroll bar for each of the set of matched elements.
jqScrollTopGet	Get the current vertical position of the scroll bar for the first element in the set of matched elements or set the vertical position of the scroll bar for every matched element.
jqScrollTopSet	Set the current vertical position of the scroll bar for each of the set of matched elements.
jqSelect	Bind an event handler to the "select" JavaScript event, or trigger that event on an element.
jqSelectTrigger	Bind an event handler to the "select" JavaScript event, or trigger that event on an element.
jqShow	Display the matched elements.
jqShowFull	Display the matched elements.
jqSlideDown	Display the matched elements with a sliding motion.
jqSlideDownFull	Display the matched elements with a sliding motion.
jqSlideToggle	Display or hide the matched elements with a sliding motion.
jqSlideToggleFull	Display or hide the matched elements with a sliding motion.
jqSlideUp	Display the matched elements with a sliding motion.
jqSlideUpFull	Display the matched elements with a sliding motion.
jqSubmit	Bind an event handler to the "submit" JavaScript event, or trigger that event on an element.
jqSubmitTrigger	Bind an event handler to the "submit" JavaScript event, or trigger that event on an element.
jqTextGet	Get the combined text contents of each element in the set of matched elements, including their descendants.
jqTextSet	Set the content of each element in the set of matched elements to the specified text.
jqToggle	Display or hide the matched elements.
jqToggleFull	Display or hide the matched elements.
jqToggleSwitch	Display or hide the matched elements.
jqTrigger	Execute all handlers and behaviors attached to the matched elements for the given event type.
jqTriggerHandler	Execute all handlers attached to an element for an event.
jqTriggerHandlerWithData	Execute all handlers attached to an element for an event.
jqTriggerWithData	Execute all handlers and behaviors attached to the matched elements for the given event type.
jqUnbind	Remove a previously-attached event handler from the elements.
jqUnbindAll	Remove a previously-attached event handler from the elements.
jqUnload	Bind an event handler to the "unload" JavaScript event.
jqValGet	Get the current value of the first element in the set of matched elements.
jqValSet	Set the value of each element in the set of matched elements.
jqWidthGet	Get the current computed width for the first element in the set of matched elements.
jqWidthSet	Set the CSS width of each element in the set of matched elements.
jqWrap	Wrap an HTML structure around each element in the set of matched elements.
jqWrapAll	Wrap an HTML structure around all elements in the set of matched elements.
jqWrapInner	Wrap an HTML structure around the content of each element in the set of matched elements.

JavaScript (ES6) code snippets 代码段

Import and export

Trigger	Content
imp→	imports entire module import fs from 'fs';
imn→	imports entire module without module name import 'animate.css'
imd→	imports only a portion of the module using destructing import {rename} from 'fs';
ime→	imports everything as alias from the module import * as localAlias from 'fs';
ima→	imports only a portion of the module as alias import { rename as localRename } from 'fs';
enf→	exports name function export const log = (parameter) => { console.log(parameter);};
edf→	exports default function export default (parameter) => { console.log(parameter);};
ecl→	exports default class export default class Calculator { };
ece→	exports default class by extending a base one export default class Calculator extends BaseClass { };

Class helpers

Trigger	Content
con→	adds default constructor in the class constructor() {}
met→	creates a method inside a class add() {}
pge→	creates a getter property get propertyName() {return value;}
pse→	creates a setter property set propertyName(value) {}

Various methods

Trigger	Content
fre→	forEach loop in ES6 syntax array.forEach(currentItem => {})
fof→	for ... of loop for(const item of object) {}
fin→	for ... in loop for(const item in object) {}
anfn→	creates an anonymous function (params) => {}
nfn→	creates a named function const add = (params) => {}
dob→	destructing object syntax const {rename} = fs
dar→	destructing array syntax const [first, second] = [1,2]
sti→	set interval helper method setInterval(() => {});
sto→	set timeout helper method setTimeout(() => {});
prom→	creates a new Promise return new Promise((resolve, reject) => {});

Console methods

Trigger	Content
cas→	console alert method console.assert(expression, object)
ccl→	console clear console.clear()
cco→	console count console.count(label)
cdi→	console dir console.dir
cer→	console error console.error(object)
cgr→	console group console.group(label)
cge→	console groupEnd console.groupEnd()
clg→	console log console.log(object)
ctr→	console trace console.trace(object)
cwa→	console warn console.warn
cin→	console info console.info
clt→	console table console.table