저장소

https://city-kim.tistory.com/18 Vue3, unit test, e2e, chromatic github ci구성(1) - 프로젝트 구성 Vue3와 Vite, Vitest unit test, cypress e2e test, storybook과 chromatic의 시각화 테스트를 구현하고 github ci로 자동화를 해보도록 한다 Vite를 활용해서 Vue3 프로젝트를 생성하고 테스트를 구성해보자 패키지매 city-kim.tistory.com 프로젝트 구성이 끝났다면 이제 workflows를 추가하여 github actions에 자동화를 구성해보도록 하자 root 디렉토리에 .github/workflows/jobs.yml를 생성하고 unit_test를 실행하도록 설정한다 https:/..

Vue & Nuxt 2023. 10. 19. 14:59

Vue3와 Vite, Vitest unit test, cypress e2e test, storybook과 chromatic의 시각화 테스트를 구현하고 github ci로 자동화를 해보도록 한다 Vite를 활용해서 Vue3 프로젝트를 생성하고 테스트를 구성해보자 패키지매니저는 pnpm을 사용한다 https://ko.vitejs.dev/guide/ Vite Vite, 차세대 프런트엔드 개발 툴 ko.vitejs.dev Vite 프로젝트는 다음과 같이 생성하였다 프로젝트명은 ci_tutorial으로 하였고 framework는 Vue를, variant는 create-vue를 사용하여 custom으로 환경을 구성하였다 기본적으로 Typescript를 사용하였으며 추후 확장을 위해 JSX support, route..

Vue & Nuxt 2023. 10. 18. 17:55