Atom 패키지 / vscode extention

vscode

https://gracefullight.github.io/2017/10/18/VSCode-%EC%B6%94%EC%B2%9C-%ED%8C%A8%ED%82%A4%EC%A7%80/

https://www.vobour.com/vscode-%EC%B6%94%EC%B2%9C-%EC%9D%B5%EC%8A%A4%ED%85%90%EC%85%98%EA%B3%BC-%EC%84%B8%ED%8C%85-vscode-recommended-e

지금까지 깐것

-----

angular 7 snippets : snippets

atom keymap : 태그 맵

auto close tag : 자동으로 태그 닫아줌

auto rename tag : 태그 동시 수정

beautiy : 코드 깔끔하게

code runner : 코드를 실행

code spell checker : 코드 스펠 체크

debugger for chrome : 디버그

ejs language support  : ejs syntax highlighter 중에 가장 좋다고하는데 어디다 쓰는지는 모름

eslint : 자바스크립트 오류 보는거 

highlight matching tag : 같은 태그 표시

javascript (es6) code snippets : snippets

log file highlighter : 파일이 로그 되어 있는 지 확인

open in browser : 브라우저 열기 

path intellisense : 패스와 자동 연결

prettier: beautify보다 더 좋다

project manager : 파일을 편하게 볼수 있고 쉽게 이동할수 있다.. 

python : 파이썬에 대한

------------------------

20190327 수정

angular 7 snippets

atom keymap

auto close tag

auto rename tag

beautify

bracket pari colorizer

code runner

code spellchecker

d3.js code snippets

debugger for chrome

ejs snippets

es7 react/redux/graphq

eslint

highlight matching tag

javascript (es6) code snippets

javascript snippet pack

log file highlighter

material theme

npm

open in browser

path intellisense

prettier code formatter

project manager

python

react native tools

react-native/react/redux snippeets for es6/es7

reactjs code snippets

simple react snippets

vscode-styled jsx

yarn

================================================================

atom

emmet 거의 필수

atom-beauty 코드 정렬

highlight-selected 선택된 내용과 일치하는 내용들을 하이라이트

minimap 옆에 미니맵

script 결과값

autoclose-html  자동으로 닫히는에 태그를 만들어준다.

linter

Linter는 코드를 수정중에 잘못 입력된 부분을 즉시즉시 표시해 주는 기능이다.

세미콜론이 빠지거나, 괄호의 개수가 안맞는다거나, 오타가 났을 경우에 표시해 주는 기능이다.

패키지 설치시, Linter 패키지를 먼저 설치후, 개발 언어에 따른 추가 패키지들을 설치해야 한다고 한다.

패키지에서 Linter를 검색하면 패키지가 제대로 나오지 않는다. base linter 라고 검색해야 Linter 패키지가 나온다.

linter-eslint

linter-jshint

linter-csslint

busy-signal

open in browser

atom runner : 자바스크립트 실행

intentions