리오집사의 기억저장소

다음의 환경에서 진행하였습니다.

환경 버전
mac OS 10.14.6
node version 12.12.0
npm version 6.11.3

1. Nuxt Project 생성

nuxt-starter-kit 이라는 프로젝트명으로 nuxt 프로젝트를 생성합니다. 기타 초기 설정은 아래와 같습니다.

$ npx create-nuxt-app nuxt-starter-kit

✨  Generating Nuxt.js project in nuxt-starter-kit
? Project name : nuxt-starter-kit
? Project description :
? Author name : Devist
? Choose programming language : TypeScript
? Choose the package manager : Npm
? Choose UI framework : Buefy
? Choose custom server framework : Express
? Choose Nuxt.js modules : Axios, Progressive Web App (PWA) Support, DotEnv
? Choose linting tools : ESLint, Prettier
? Choose test framework : None
? Choose rendering mode Universal (SSR)

테스트 프레임워크는 e2e테스트를 위한 cypress를 이용할 예정이므로 선택하지 않고, UI framework 는 css를 사용하지 않으며 컴포넌트가 예뻐 보여서 Buefy 를 선택했습니다.

  • 기본 화면 

다음엔 Buefy 커스텀 및 tailwind css 를 적용하겠습니다.

반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band