Vue.js 시작하기 (TIL)

srchae·2024년 2월 28일

TIL

목록 보기
1/1
post-thumbnail

vue 설치하기

  1. 폴더 경로 잡아주기
  2. Vue 설치하기 (npm install vue)
  3. CLI 설치하기 (npm install -g @vue/cli)
  4. 프로젝트 생성 (vue create 프로젝트명) + 실행 (npm run serve)
  5. Vue Router 설치 (vue add router)

처음 알게 된 부분

CLI란?
Vue 개발을 편하게 할 수 있게 초기 프로젝트 뼈대를 구성해주는 역할
(React로 비유하면 CRA 같은 느낌이랄까..?)

? Global로 설치를 하는 이유
이후 프로젝트를 생성할 때
Vue create로 바로 다른 프로젝트를 시작할 수 있게 하기 위함임!

권장사항

  • Vue Devtools 설치하기

학습 필요한 부분

  • Vue2, Vue3 중 어떤 것을 골라야 할지
  • sudo라는 녀석에 대해서 깊게 알아보기

#오늘의 디버깅

Cli 설치할 때 한 번 에러나고..
또 실행 (npm run serve) 할 때 에러나고…
결국은 캐쉬 삭제니.. package.json 삭제니…
돌고 돌아 디버깅을 완료하였다..

프로젝트 빌드와 삭제를 n번 반복 끝에
얻어낸 쾌거이다

매번 에러 기록 하는 걸 까먹기도 하고
삽질 하다가 얻어걸리는 경우? 가 많아서
좋지 않은 습관이지만 항상 디버깅 기록을 못 했다
기록을 습관화 한다면 이도 고쳐지겠지..? 그래야만 해

하나 깨달은 점은 sudo(superuser do)를
만능 키처럼 사용해봤자 돌고 돌아 에러를 다시
맞이하게 된다는 것이다..
이는 case by case..
내 능력 부족이겠지만 말이다

마지막 할 말

React에는 Next.js가 있다면
Vue에는 Nuxt.js가 있다.

Nuxt.js에 대해서도 공부가 필요하다.
파이팅이다.

profile
🐥집요함과 꾸준함🪽

0개의 댓글