쏘니의 개발블로그

1. Visual Studio Code 설치

먼저, Visual Studio Code를 설치합니다. VS Code는 무료로 제공되며, 다양한 운영 체제(Windows, macOS, Linux)에서 사용할 수 있습니다.

• 설치 방법: 공식 웹사이트에서 운영 체제에 맞는 설치 파일을 다운로드한 후, 설치 프로그램을 실행하여 설치합니다.

2. Node.js 설치

Vue CLI와 관련된 도구들을 사용하려면 Node.js가 설치되어 있어야 합니다. Node.js 설치 시 npm(Node Package Manager)이 함께 설치됩니다.

• 설치 방법:

1. Node.js 공식 웹사이트에서 최신 LTS(Long Term Support) 버전을 다운로드합니다.

2. 설치 프로그램을 실행하여 Node.js와 npm을 설치합니다.

3. 설치 완료 후, 터미널에서 Node.js와 npm의 버전을 확인합니다.

node -v
npm -v

3. Vue CLI 설치

Vue.js 프로젝트를 쉽게 생성하고 관리하기 위해 Vue CLI(Command Line Interface)를 설치합니다.

• 설치 방법:

1. 터미널을 열고 다음 명령어를 입력하여 Vue CLI를 전역으로 설치합니다.

npm install -g @vue/cli

2. 설치가 완료되면, Vue CLI의 버전을 확인합니다.

vue --version

4. Visual Studio Code 플러그인 설치

vue 라는 플러그인 설치. 그 외에 다른 확장도구 설치해도 무방

5. Debugger for Chrome:
https://chromewebstore.google.com/search/vue?hl=ko 

브라우저에서 vue 개발을 도와주는 디버그 툴을 설치해주셔야 합니다.