nuxt 폴더구조
·
프로그래밍 일기/Front-End
assets = image / css / js 등과 같은 정적인 파일이 존재함components = vue 컴포넌트 파일이 존재함layouts = 레이아웃 구조로 만든 vue 파일이 존재함node_modules = npm을 통해 설치한 라이브러리들이 존재함pages = 라우터 역할을 함nuxt.config.ts = nuxt설정파일package.json = 라이브러리 버전 관리package-lock.json = 라이브러리들의 관계를 볼 수 있음
인텔리제이 IntelliJ Nuxt.js 생성 (nuxt2)
·
프로그래밍 일기/Front-End
먼저 실행창에서 명령 프롬프트(CMD) 창을 열어줍니다. 이후 원하는 경로로 이동합니다. [cd ..] 뒤로가기 [cd 경로] 해당 경로 이동 먼저 node.js가 설치되어 있어야 합니다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org npm init nuxt-app [프로젝트명]을 입력하면 해당 경로에 nuxt프로젝트가 생성됩니다. 해당 명령어를 입력하면 여러가지 선택사항이 나오는데 모두 Enter를 입력하여 default값으로 설정해도 됩니다. 이렇게 생성이 완료되었다면 프로젝트가 있는 경로로 이동한 후 npm run dev를 실행하면 됩니다. localhost:3000을 브라우저에 ..