[Vue] 프로젝트 시작하기

Vue로 새로운 프로젝트를 만드는 과정을 설명드리겠습니다. 우선 Vue_Projects라는 폴더를 만들고 vscode로 열어주세요.

npm install -g @vue/cli

Vue CLI를 설치하는 코드인데 Vue 프로젝트 구성하는 것을 도와주는 역할입니다. Vue를 처음 시작할 때에만 설치하시면 되고 나중에 다시 새로운 프로젝트를 만들 때에는 스킵하시면 됩니다.

vue create [프로젝트명]

위의 코드로 vue 프로젝트를 만드는데 아래 그림의 화면이 나오면 Vue3를 선택해주세요. 

cd [프로젝트명]
code .

'cd'는 'change directory'의 약자로 여러분이 만든 프로젝트의 루트 디렉토리로 들어가는 명령어, 'code .' 은 현재 위치에서 vscode를 여는 명령어 입니다. 이제 src/App.vue 를 기준으로 코드를 짜면 됩니다. 

npm run serve

위의 명령어로 프로젝트를 실행할 수 있으며 로컬호스트로 접속할 수 있게 됩니다.

Extension

Vue 개발에 필수적인 Extension입니다.

 

Vue에 대해 더 알아보고 싶다면 공식문서를 참조하세요 
Vue.js - The Progressive JavaScript Framework | Vue.js (vuejs.org)

Vue.js - The Progressive JavaScript Framework | Vue.js