고정 헤더 영역
상세 컨텐츠
본문
728x90
반응형
Vue.js 를 사용하기 위한 기본 환경설정을 구성합니다. Atom Editor 및 Seti Theme 와 language-vue 환경설정을 합니다.
A hackable text editor for the 21st Century
At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.
atom.io
atom.io 에 접속하여 각 플랫폼에 맞는 환경으로 다운로드합니다.
스플래시 화면이 1분정도 나오는데 설치되는 과정임으로 기다립니다.
설치 완료되면 아래와같이 아톰에디터가 실행됩니다.
아톰 테마 설치
File -> Settings 선택합니다.
Setting의 가장 아래쪽에있는 Install 탭을 클릭합니다.
패키지 검색하는 부분에 Themes 버튼을 클릭합니다.
검색창에 seti-ui를 입력하고 Install 합니다.
같은 방식으로 'atom-material-syntax-dark' 검색하여 Install 합니다.
설치한 테마를 적용하기 위해서 Themes 탭을 클릭하여 UI Theme 에 Seti, Syntax Theme 에 Atom Material Dark 를 선택합니다.
Language-vue 설치
Install 탭을 클릭합니다.
Packages 검색창에 languge-vue 를 입력하고 Install 합니다.
이상으로 Vue.js 를 사용하기 위한 기본적은 환경설정이 완료되었습니다.
728x90
반응형
'Web > 개발 환경' 카테고리의 다른 글
| warning: component lists rendered with v-for should have explicit keys (0) | 2021.06.23 |
|---|---|
| webpack 으로 vuetify 프로젝트 생성하기 (0) | 2021.06.18 |
| Vue CLI로 Vuetify 설치하기 (0) | 2021.06.18 |
| [Vue warn]: Error in v-on handler: ReferenceError is not defined (0) | 2021.06.17 |
| 'cross-env'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. (0) | 2021.06.11 |
댓글 영역