본문 바로가기
  • A little happiness
프론트엔드/Vue, Nuxt

강의 - Nuxt3 완벽마스터(기초세팅)

by donghuJo 2024. 7. 9.

새로운 회사 프로젝트 프론트쪽이 vue + nuxt환경에서 동작한다.

api를 달라는대로 다 던져주고 있기는한데 프론트쪽과 소통하기 위해 api명세서 작성하는 시간이 더 걸리는 것 같다.

 

프론트 작업자가 퍼블리싱쪽 연동과 대강의 작업만 끝내놓으면 상세한 수정이나 자세한 처리는 내가 하는게 편할 것 같아서 공부하기로 했다.

 

1. nuxt공식 문서를 참고하면 vsCode를 권장한다고 한다.

https://nuxt.com/

 

Nuxt: The Intuitive Vue Framework

Nuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.

nuxt.com

 

2. 강의자료

https://gymcoding.notion.site/Nuxt-Framework-b7a2ca1c4c08456ebf77d0d1ffefda7a

 

Nuxt Framework | Notion

시작하기 전에

gymcoding.notion.site

 

 

nuxi란 nuxt를 최신으로 빌드해주는 명령어이다. 프로젝트에 따라서 호환성의 문제가 있을 수 있기 때문에

pakage.json의 script와 dependencies를 수정하여 때에 따라 호환성을 맞춰주자.

 

es-lint, prettier를 통해 문법오류를 점검하자.

 

quasar를 이용한 ui마크업

 

npm run dev 는 nuxt를 실행하는 명령어가 맞았다.

 

근데 왜 회사 프로젝트는 빌드가 안되지? 내일 해봐야겠다.

'프론트엔드 > Vue, Nuxt' 카테고리의 다른 글

3-2 라우팅 기본:파일 기반 라우팅  (0) 2024.07.17
섹션3-1 Nuxt 컴포넌트 계층  (0) 2024.07.15
nuxt강의 - [섹션1] 시작하기 전에  (0) 2024.07.12
Nuxt js 이해  (0) 2024.06.25
vue 인텔리제이 세팅  (0) 2024.06.19

댓글