vue cli를 이용한 셋업
vue/cli 설치
sudo npm i -g @vue/cli
프로젝트 생성
vue create testproject
- Default (Vue 3) 선택
Vue 2에서는 vue init을 통해 webpack 프로젝트를 생성했었음
cd testproject
버전 확인
cat package.json
"dependencies": {
"core-js": "^3.6.5",
"vue": "^3.0.0"
},
vue 3.x 버전이 설치되어 있음을 확인
프론트엔드 (개발용) 웹서비스 실행
npm run serve
localhost:8080에 접근하여 확인
플러그인 추가
vue add 명령으로 플러그인을 추가할 수 있음. webpack 설정을 변경함
vue add eslint
CLI 서비스
cat package.json
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
serve와 build 등의 서비스를 제공하는데, 각각 다음 명령으로 실행 가능함
npm run serve
npm run build