網路資源
[VS Code 擴充套件] JavaScript (ES6) code snippets
JavaScript (ES6) code snippets 是 VS Code 的一個可以提示 JavaScript 程式碼的擴充套件,幫助開發者更快速地撰寫 JavaScript。
發布於 2023 年 11 月 8 日
更新於 2023 年 11 月 8 日
收藏文章
JavaScript (ES6) code snippets 是 VS Code 的一個可以提示 JavaScript 程式碼的擴充套件,幫助開發者更快速地撰寫 JavaScript。
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('');
req→
require package to const const packageName = require('packageName');
mde→
default module.exports module.exports = {};
env→
exports name variable export const nameVariable = localVariable;
enf→
exports name function export const log = (parameter) => { console.log(parameter);};
edf→
exports default function export default function fileName (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)
cdb→
console debug console.debug(object)
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