다음의 환경에서 진행하였습니다.
환경 | 버전 |
mac OS | 10.14.6 |
node version | 12.12.0 |
npm version | 6.11.3 |
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 를 적용하겠습니다.