https://github.com/devjin0617/nuxt-composition-api-example
https://github.com/devjin0617/nuxt-composition-api-example
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/devjin0617/nuxt-composition-api-example
- Owner: devjin0617
- License: mit
- Created: 2019-10-24T02:17:21.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-06-21T23:07:52.000Z (about 3 years ago)
- Last Synced: 2025-02-25T22:31:38.205Z (over 1 year ago)
- Language: Vue
- Size: 372 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Nuxt + composition-api 예제 프로젝트
> `Nuxt` 에서 `composition-api` 를 간단하게 사용하는 방법에 관하여 예제코드를 작성합니다.
## 프로젝트 생성
``` bash
$ npm init nuxt-app .
# .은 프로젝트 위치입니다.
```
`nuxt-app` 으로 프로젝트 생성시 설정은 아래와 같이 진행했습니다.
- Choose the package manager: npm
- Choose UI framework: Tailwind CSS
- Choose custom server framework: Express
- Choose Nuxt.js modules: Axios
- Choose linting tools: ESLint, Prettier, ~Line staged files~
- Choose test framework: Jest
- Choose rendering mode: Universal (SSR)
- Choose development tools: jsconfig.json
## 프로젝트 운영
``` bash
# npm 모듈 설치
$ npm run install
# hot reload가 적용된 localhost 서버 실행하기 (포트는 3000)
$ npm run dev
# 프로젝트 빌드 및 서버 시작하기
$ npm run build
$ npm run start
# 정적 파일로 생성하기
$ npm run generate
```