끄적끄적

1. CLI로 생성하기

VSCode 터미널에 아래의 명령어 입력

 vue create [프로젝트명]

• node_modules : npm 패키지 파일이 모인 디렉토리
• public : index.html, favicon.ico 등 정적 리소스가 모인 디렉토리
• src/assets : 이미지, CSS. 폰트 등을 관리하는 디렉토리
• src/components : Vue 컴포넌트 파일이 모인 디렉토리
• App.vue : Root 컴포넌트
• main.js : 가장 먼저 실행되는 JS파일로, Vue 인스턴스를 생성
• package-lock.json : 설치된 package의 디펜던시 정보를 관리하는 파
• package.json : 프로젝트에 필요한 package를 정의하고 관리하는 파일

생성된 프로젝트 폴더로 이동 후 아래 명령어 입력

npm run serve

브라우저로 http://localhost:8080/ 접속

1. Visual Studio Code 설치

https://code.visualstudio.com/

2. Node.js 설치

• Node.js : JavaScript를 이용해 서버프로그램을 개발할 수 있도록 제공해주는 Runtime 환경
• NPM(Node Package Manager) : 전 세계 개발자들의 JavaScript 소스들의 집합 장소

https://nodejs.org/ko/

3. VSCode 확장 프로그램 설치 - Vetur / Prettier / Vue 3 Snippets

4. Vue CLI 설치

VSCode의 터미널 창에 하위 코드를 입력

sudo npm install -g @vue/cli

(-g : 설치하는 패키지를 글로벌(전역)으로 사용하겠다)