VSCODE 강의 #4

⏳ (02:57:16) Javascript with eslint, prettier, Intellisense & chrome debugger

강의자는 주로 "REACT" 개발자입니다.

익스텐션 eslint 설치

npm install -g eslint

settings.json에  (Preference: Open Settings(JSON)

"editor.codeActionOnSave" : {

    "source.fixAll.eslint":true

}

로 하면 저장시에 자동으로 Fix

익스텐션 Prettier - Code formatter

익스텐션 npm intellisense

익스텐션 JavaScript (ES6) code snippets

익스텐션 Debugger for Chrome

익스텐션 Bracket Pair Colorizer 는 설치 필요함 vue, react에서 나오게

익스텐션 Auto Import

익스텐션 ES7/React/Redux/GraphQL/React-native Snippets 리액트 사용자는

익스텐션 Vetur Vue.js 사용자

익스텐션 Vuln Cost - Security scanner

   * HTML에서 script로 import하면 시큐리티 스캐닝을 하네요

   즉 jquery 1.8.3을 쓰면 6개의 시큐리티 에러가 나오고 픽스하면 3.5.0으로..

⏳ (03:23:45) Python Jupytor notebook, eslint, prettier, debugger & intellisense

파이썬 익스텐션 설치 및 Eslint, 디버깅등

⏳ (03:40:48) PHP, Laravel, PHP-cs-fixer

익스텐션 PHP Inteliphense,

PHP DocBlocker

PHP cs fixer

Laravel Snippets

Laravel Docs

Better PHPUnit

Colonizer

⏳ (04:01:51) vscode confirm quit

익스텐션 Quit Control for VSCODE

⏳ (04:03:21) vscode setting sync native

⏳ (04:10:36) vscode setting sync extension

Settings Sync

⏳ (04:16:58) Gradient Cursor & vscode css

Developer: Toggle Screencast mode ==> 화면에 키보드 조합을 보여줌

익스텐션 Custom CSS and JS Loader