[Vue.js] 01. Vue를 위한 개발환경 설정

Vue를 위한 개발환경 설정

누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크

Text Editor - Atom 소개 및 설치

• 100% 오픈소스이며 무료이다. 그리고 github에서 개발, 지원 한다.

Atom 플러그인 테마 설치

• ctrl + comma : settings 진입

• Themes 설정

  • Install 탭에서 원하는 테마를 설치

  • UI Theme : Seti

  • Syntax Theme : Atom Material Dark

Atom 플러그인 패키지 설치

• atom-beautify

  • code 정렬

• autoclose-html

  • 시작 태그를 여는 순간 자동으로 닫는 태그 생성

• highlight-selected

  • 코드에서 동일한 텍스트를 강조, 같은 변수나 함수를 쫓아갈 때 유용한 플러그인

• color-picker

  • 에디팅 툴에서 바로 원하는 색을 선택하면, rgb 값을 얻을 수 있다.

• javascript-snippets

  • fun + tab : function의 뼈대 자동 생성

  • cl + tab : console.log 자동 생성

  • for + tab : for 문 자동 완성

• language-vue

  • vue의 개발 생산성을 도와주는 플러그인

  • tem + tab

• platformio-ide-terminal

  • 아톰 내부에서 터미널을 설치하여 사용할 수 있음

추가 설치

• Node.js

• Vue.js Chrome 플러그인

• git, sourcetree 등