VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


Node.js debugging 지원 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=ms-vscode.node-debug2





This extension is bundled with Visual Studio Code and together with Node Debug (legacy) forms the Node.js debugging experience.

Node Debug is the debugger for Node.js versions >= 8.0.

See a general overview of debugging in VS Code here.

Documentation for Node.js specific debugging can be found here.


'언어 > Script' 카테고리의 다른 글

npm Intellisense - npm 자동 완성  (1) 2018.11.15
npm - VSCode 에서 npm 지원  (0) 2018.11.15
JavaScript (ES6) code snippets - ES6용 코드 스니펫  (0) 2018.10.08

VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


npm 모듈을 자동 완성하는 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense





가져오기 명령


가져오기 명령 (ES5)

저작자표시

'언어 > Script' 카테고리의 다른 글

Node Debug - Node.js 디버그  (0) 2018.12.06
npm - VSCode 에서 npm 지원  (0) 2018.11.15
JavaScript (ES6) code snippets - ES6용 코드 스니펫  (0) 2018.10.08

VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


package.json 파일에 정의된 실행중인 npm 스크립트를 지원하고, 설치된 모듈에 대해 유효성을 검사하는 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script



package.json 검증 모듈에 대한 경고를보고합니다

  • package.json 에 정의되어 있지만 설치되지 않은 패키지
  • 설치되어 있지만 package.json 에 정의되어 있지 않은 패키지
  • 설치되어 있지만 package.json 에 정의 된 버전을 충족시키지 못한 패키지


보고된 경고에 대해 실행 가능한 빠른 수정이 제공됩니다.


아래와 같은 npm 명령을 사용할 수 있습니다.


 

저작자표시

'언어 > Script' 카테고리의 다른 글

Node Debug - Node.js 디버그  (0) 2018.12.06
npm Intellisense - npm 자동 완성  (1) 2018.11.15
JavaScript (ES6) code snippets - ES6용 코드 스니펫  (0) 2018.10.08

VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


JavaScript 및 TypeScript 용 ES6 구문의 JavaScript 코드 스니펫 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets




지원 언어(파일 확장자)

  • JavaScript (.js)
  • TypeScript (.ts)
  • JavaScript React (.jsx)
  • TypeScript React (.tsx)
  • Html (.html)
  • Vue (.vue)


Import and export

TriggerContent
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

TriggerContent
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

TriggerContent
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

TriggerContent
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


저작자표시

'언어 > Script' 카테고리의 다른 글

Node Debug - Node.js 디버그  (0) 2018.12.06
npm Intellisense - npm 자동 완성  (1) 2018.11.15
npm - VSCode 에서 npm 지원  (0) 2018.11.15

+ Recent posts

티스토리툴바