728x90
반응형

2022/11/17 2

[Nuxt3] 2. Eslint + prettier + Typescript 설정

typescript + eslint + prettier 를 설정 하기 위해 아래의 패키지를 설치해 준다 yarn add -D eslint vue-eslint-parser eslint-plugin-vue eslint-config-prettier @nuxtjs/eslint-config-typescript @typescript-eslint/eslint-plugin typescript 패키지 설치가 끝났으면 파일들을 만들어 줘야 한다 처음으로 .prettierrc 파일을 root 경로에 생성 한다 { "semi": false, "singleQuote": true, "tabWidth": 2 } 위와 같이 옵션을 설정 해서 쓸 수 있다. 필요한 옵션은 그때 그때 찾아서 사용하면 된다 그리고 vscode에 setti..

프로그래밍/Vue 2022.11.17

[Nuxt3] 1. 프로젝트 생성 및 설정

기존에 회사 프로젝트가 Vue3로 되어 있던걸 리뉴얼 하게 되었는데 SEO 문제 때문에 Nuxt3를 사용해 볼 예정이다 Nuxt3가 2022년 11월 16일 첫번째 정식버전이 출시되었다 국내에 nuxt3 강의가 많지 않아서 직접 공식문서를 보며 하나하나씩 진행해 볼 예정이다 기본적으로 node가 설치된 환경이라고 가정하고 node 설치에 대해서는 언급하지 않는다 공식 문서에 나와 있는 권장 설치 항목들은 nodejs 최신 LTS 버전과 vscode 그리고 vscode extension 인 volar(Vue Language Features) extension을 설치하라고 나와 있다. (node 는 현 시점으로 최신버전이 18 버전인데 아래와 같은 에러가 난다면 16버전의 LTS로 사용 해도 된다) Expe..

프로그래밍/Vue 2022.11.17
728x90
반응형