Atom 기본세팅 ( Node.js / Chrome )

Atm 

UI Theme     : seti

Syntax Theme     : Atom-marerial-syntax-dark

 

Atom Plugin Pakage

• atom-beautify    : indenting을 비롯하여 코드를 보기 편하게 정리해준다.
• autoclose-html    : 닫는태그가 필요한 태그를 작성하면 자동으로 닫는태그를 생성해준다.
• highlight-selected    : 코드에서 선택된 코드에 대해 동일한 텍스트 값을 하이라이트 해주는 기능이다. 
• color-picker    : 원하는 색을 직접 선택할 수 있다.
• javascript-snippets    : 많이 사용하는 패턴에 대해 자동완성 기능을 제공한다. (단축키를 사용하여 코딩)
• language-vue    : vue의 기본적인 코드를 자동으로 작성해준다. ( "tem" + tap키 )
• platformio-ide-terminal    : atom 내부에서 터미널을 띄울 수 있다. ( 여러가지 command 명령어를 바로 실행할 수 있다.)

 

Node를 설치할 때 LTS 버전을 설치하면 node와 함께 npm도 install된다. 

 

크롬에 Vue.js.devtools 플러그인을 설치하여 Vue 사이트에 접속했을 때 Vue의 component를 비롯한 기타 속성들을 확인할 수 있는 Plugin이다.  

 

source : 빠르고 쉽게 멋진 웹프론트엔드 개발을 도와주는 Vue.JS 프레임워크