美文网首页
JavaScript(ES6)代码段的触发快捷键

JavaScript(ES6)代码段的触发快捷键

作者: 白雪公主960 | 来源:发表于2019-06-20 17:34 被阅读0次

Import and export

触发快捷键 内容
imp→ import fs from 'fs';🔴
imn→ import 'animate.css'
imd→ import {rename} from 'fs';
ime→ import * as localAlias from 'fs';
ima→ import { rename as localRename } from 'fs';
rqr→ require('');
mde→ module.exports = {};
enf→ export const functionName = (params) => {};
edf→ export default (params) => {};
ecl→ export default class Calculator { };
ece→ export default class Calculator extends BaseClass { };

Class helpers

触发快捷键 内容
con→ 在类中添加默认构造函数 constructor() {}
met→ 在类中创建一个方法 add() {}
pge→ 创建一个getter属性 get propertyName() {return value;}
pse→ 创建一个setter属性 set propertyName(value) {}

Various methods

触发快捷键 内容
fre→ array.forEach(currentItem => {})
fof→ for(const item of object) {}🔴
fin→ for(const item in object) {}🔴
anfn→ (params) => {}
nfn→ const add = (params) => {}
dob→ const {rename} = fs
dar→ const [first, second] = [1,2]
sti→ setInterval(() => {});🔴
sto→ setTimeout(() => {});🔴
prom→ return new Promise((resolve, reject) => {});
thenc→ .then((res) => {).catch((err) => {});

Console methods

触发快捷键 内容
cas→ console.assert(expression, object)
ccl→ console.clear()
cco→ console.count(label)
cdi→ console.dir
cer→ console.error(object)
cgr→ console.group(label)
cge→ console.groupEnd()
clg→ console.log(object)🔴
clo→ console.log('object :', object);🔴
ctr→ console.trace(object)
cwa→ console.warn
cin→ console.info
clt→ console.table
cti→ console.time
cte→ console.timeEnd

相关文章

网友评论

      本文标题:JavaScript(ES6)代码段的触发快捷键

      本文链接:https://www.haomeiwen.com/subject/bdowtctx.html