[Vue.js 시작하기] 프로젝트 생성 도구 - Vue CLI

comend line interface, 명령어 실행 도구

get Start → Installation → npm 설치

npm install -g @vue/cli
# OR
yarn global add @vue/cli

 

CLI Version 차이

[Vue CLI 2.x]

vue init ‘프로젝트 이름’ ‘프로젝트 폴더 위치’

vue init ‘webpack-simple’ ‘프로젝트 폴더 위치’

 

[Vue CLI 3.x]

vue create ‘프로젝트 폴더 위치’

/Users/sujinoh/.npm-global/lib/node_modules

 

npm run serve 가 실행되면 실행되는 파일 → public 폴더에 index.html파일

<div id=”app”> 아래에 build된 파일이 자동으로 추가됨

source 파일 밑에 정리된 파일들이 변환되어 주입됨 웹팩?

 

main.js

new Vue({})

컴포넌트 내용을 다른 파일로부터 불러와서 render를 했다 라고만 일단 이해하기

 

trouble shooting

참고 블로그

https://happy-jjang-a.tistory.com/120

VSCode Parsing error: No Babel config file detected for .vue, .js 파일

parsing error가 자꾸 뜨길래 setting.json 파일에 eslint 수정해줌! → 해결 완!