美文网首页
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