vscode插件-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'; |
| rqr→ | require package require(''); |
| mde→ | default module.exports module.exports = {}; |
| 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) => {}); |
| thenc→ | adds then and catch declaration to a promise .then((res) => {).catch((err) => {}); |
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) |
| clo→ | console log object with name console.log('object :', object); |
| ctr→ | console trace console.trace(object) |
| cwa→ | console warn console.warn |
| cin→ | console info console.info |
| clt→ | console table console.table |
| cti→ | console time console.time |
| cte→ | console timeEnd console.timeEnd |
vscode插件-JavaScript(ES6) Code Snippets 缩写代表含义的更多相关文章
- 这就是我想要的 VSCode 插件!
简评:VSCode 是一个开源的跨平台编辑器,是我最满意的 IDE 之一.本文介绍了几种使用的插件,确实解决了很多的痛点. Quokka.js Quokka.js 会在您键入代码编辑器中显示各种执行结 ...
- VScode插件以及配置
Auto Rename Tag —— 自动同步修改标签 AutoFileName —— 自动补全路径提示 background —— 一个萌萌的插件,可以自己设置vsc的背景图 Bootstrap 3 ...
- 个人向 - vscode插件记录
现在用的编译器的是vscode,本身这个编译器很小,很多功能都没有,需要自己下载一些插件来完善功能,不知不觉下载的插件也有三十多个了,感觉需要记录一下. tips:1. vscode插件的安装位置:’ ...
- 自己使用过比较好用的VSCode插件
C/C++ [ms-vscode.cpptolls] 智能推导,调试和代码浏览 C/C++ Clang Command Adapter [mitaki28.vscode-clang] 使用 ...
- react开发vscode插件推荐
原文地址:https://github.com/xieqingtian/blog/issues/2 由于本人主要是做react开发,用的代码编辑器是传说中的宇宙第一前端神器vscode, 所以在这里记 ...
- 全栈工程师-史上最强VSCODE插件-提高开发效率
当你点进来的时候 ,你可能是被标题吸引进来的,也有可能是 偶然间,看到的,首先恭喜你,已经准备好向全栈开发工程师靠近 ,那我们不说废话,直接开始,咱们先从安装步骤开始讲起 ,因为有些人连插件在哪都不知 ...
- 超级实用的VSCode插件,帮你大幅提高工作效率
Visual Studio Code是一个轻量级但功能强大的源代码编辑器,可在桌面上运行,适用于Windows,macOS和Linux. 它内置了对JavaScript,TypeScript和Node ...
- vscode & code snippets
code snippets vscode & code snippets https://github.com/xgqfrms/FEIQA/tree/master/000-xyz/templa ...
- vscode 插件 与 技巧
lit-html 下载量:3 万 在 JavaScript/TypeScript 的文件中,如果有使用到 HTML 标记,lit-html 提供语法高亮和相应的补全支持. Git History 下载 ...
随机推荐
- 详解MySQL 内连接、外连接、左连接、右连接
建表语句: CREATE TABLE `a_table` ( `a_id` ) DEFAULT NULL, `a_name` ) DEFAULT NULL, `a_part` ) DEFAULT NU ...
- uwp,c#,listView与gridView列表控件进阶
listView与gridView使用类似,这里讲解gridView的一些数据绑定(x:Bind)基础知识. 顺便学习下如何使用属性通知.(后台中的数据变化会直接显示在UI上,实现动态变化,默认是没有 ...
- 第一周-----Java 的核心优势和生态体系——程序员们希望他们编写的程序能够运行在不同的机器,不同的环境中,这需要一种体系中立的语言(即跨平台)。
跨平台是Java 语言的核心优势,赶上最初互联网的发展,并随着互联网的发展而发展,建立了强大的生态体系,目前已覆盖IT各个行业的“第一大语言,称为IT界的英语”
- LC 206. Reverse Linked List
题目描述 Reverse a singly linked list. Example: Input: 1->2->3->4->5->NULL Output: 5-> ...
- python中内存地址
遇到一个朋友,给我提了一个问题:python中的两个相同的值,内存地址是否一样? 当时印象里有这样一句话:Python采用基于值的内存管理模式,相同的值在内存中只有一份 于是张嘴就说是一样的 朋友说不 ...
- 20191030-带返回值的回溯算法Leetcode解数独
题目描述 编写一个程序,通过已填充的空格来解决数独问题. 一个数独的解法需遵循如下规则: 数字 1-9 在每一行只能出现一次. 数字 1-9 在每一列只能出现一次. 数字 1-9 在每一个以粗实线分隔 ...
- 1187: 零起点学算法94——今年暑假不AC(Java)
1187:零起点学算法94--今年暑假不AC Time Limit: 1 Sec Memory Limit: 32 MB 64bit IO Format: %lld Description " ...
- C++ 中不能声明为虚函数的函数有哪些?
目录 普通函数 构造函数 内联成员函数 静态成员函数 友元函数 普通函数 普通函数(非成员函数)只能被overload,不能被override,而且编译器会在编译时绑定函数. 多态的运行期行为体现在虚 ...
- tuxedo10g3R的安装过程(原文url:http://www.cnblogs.com/xianfish/articles/1955244.html)
RHEL 5.1 32Bit 安装配置TUXEDO 10R3 [前言]: 目的: 在Linux上安装配置Tuxedo 10R3 环境: RHEL 5.1 32Bit [前提条件]: 下载Tuxed ...
- sonar+Jenkins 构建代码质量自动化分析平台
1.Sonar 介绍 Sonar 是一个用于管理代码质量的开源工具,可以分析代码中的bug和漏洞以及Code Smells,支持20多种编程语言的检测,如java,c/c++,python,php等语 ...