티스토리 뷰

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 등







댓글
댓글쓰기 폼