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 下载 ...
随机推荐
- hdu 1106
排序 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submissi ...
- mysql 数据库批量刷新表字段数据
UPDATE a,bSET b.studentno = a.studentnumber WHERE b.studentno IS NULL AND a.p_id = b.p_id
- 强制执行父类下的__init__
两种方式: 1.super(子类,self)__init__() 2.子类.__init__(self) 推荐使用super
- FAQ and discussed with adam
1. About permuter index. url: https://www.youtube.com/watch?v=j789k96g5aQ&list=PL0ZVw5-GryEkGAQ ...
- layer弹出层,结合art-template实现弹出编辑
模板 <!-- 模板 --> <script id="render-tpl" type="text/html"> <div cla ...
- python读写文件的操作
编程语言中,我们经常会和文件和文件夹打交道,这篇文章主要讲的是Python中,读写文件的常用操作: 一.打开文件 openFile = open('../Files/exampleFile.txt', ...
- PAT(B)1015 德才论(C)
题目链接:1015 德才论 (25 point(s)) 分析 由题意可知,需要将考生按照分数进行一个分类(级),然后在每一级中按照分数排序.输入的时候将每个人的总分,等级和录取人数先算出来.然后按照自 ...
- SAS学习笔记37 宏程序中parmbuff选项
该选项用于指定宏可以接受可变参数列表,而且参数值保存在SYSPBUFF宏变量中.parmbuff的参数价值,其实就是每次执行宏程序时,可以指定不同数量的参数值,这些宏参数被保存在&syspbu ...
- MongoDB操作-备份和恢复
Mongodb数据库操作-备份 恢复 导出 导入 mongodb数据备份和恢复主要分为二种:一种是针对库的mongodump和mongorestore,一种是针对库中表的mongoexport和mon ...
- (十一)easyUI之下拉框
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...