상세 컨텐츠

본문 제목

Vue.js - 개발 Tool 설치 : Visual Studio Code

Vue

by 일단두잇 2023. 1. 21. 20:45

본문

반응형

 

 

Vue.js 개발을 위해서는 아래와 같은 준비단계를 거칩니다.

 

1. Node 설치

 

2. Vue Cli 설치

 

3. 개발 Tool 설치 : Visual Studio Code


3. 개발 Tool 설치 : Visual Studio Code

 

이제 실제 개발하기 위해서는 개발을 할수있는 환경 즉, 개발 Tool이 필요합니다.

 

여기서는 Visual Studio Code를 사용합니다.

이유는,

1. Microsoft(미국 IT 대기업)에서 만들었음

2. 여러 플로그인들이 많음

3. 속도 빠름

4. 무료!!

 

https://code.visualstudio.com/download

 

Download Visual Studio Code - Mac, Linux, Windows

Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

code.visualstudio.com

 

 

접속후 자신의 환경에 맞게 다운로드 후 설치 후 실행

 


이전의 만들었던 Vue project를 선택 하면 완료

File > Open Filder

1번 영역 클릭후 2번 Terminal 클릭하면 윈도우 실행 창이 뜹니다.

여기서 이전의 실행했던

npm run serve 입력 후 실행

 

 

 

 

반응형

'Vue' 카테고리의 다른 글

eslint 적용 - vue3  (0) 2023.01.22
Vue Webpack 설정 - vue.config.js  (0) 2023.01.21
Vue.js 셀프 학습  (0) 2023.01.21
Vue.js - Vue Cli 설치  (1) 2023.01.21
Vue.js Node 설치  (0) 2023.01.21

관련글 더보기

댓글 영역