기존 Vue 프로젝트에 테스트 추가

저는 Vue를 배우는 것에 관심이 많습니다. 바닐라javascript 과정을 마친 후에 Vue를 제 손아귀에 넣으려고 했습니다. 지금은 자바스크립트를 작성하고 실제적으로 보는 것이 편하고 코드에서 발생하는 일을 많거나 적게 이해하게 되었습니다.나도 테스트 구동의 개발을 들어 본 적이 있기 때문에 만약 내가 한 푼을 벌면 1파운드를 벌 수 있을 것이라고 생각한다.따라서 제 프로젝트는 제 식단에 따라 쇼핑 리스트를 작성하고 식품 저장실에 있는 물품을 점검하는 것입니다.따라서 저는 모든 내용을 어떻게 통합했는지 기록하고 Vue를 사용해서 프로젝트를 시작하고자 하는 모든 사람을 도와서 입문 프로젝트를 더욱 실질적인 내용으로 추진할 수 있기를 희망합니다. 이것은 제가 인터넷에서 본 다른 강좌의 내용입니다.
따라서 프로젝트가 이미 시작되었고 사후에 보면 내가 기록해야 하지만 이것은 기존 프로젝트에 대한 보충이기 때문에 이것은 출발점이 될 것이라고 생각한다.vue cli를 사용하여 다음과 같이 프로젝트에 테스트를 추가할 수 있습니다.

vue add @vue/unit-jest

이것은 테스트 세트를 프로젝트에 추가할 것입니다. 심지어는 테스트 예시도 포함합니다.그것에 대한 변경 사항은 package.json 파일 스크립트에 워치를 테스트 스크립트에 추가하는 것입니다. 그러면 매번 실행할 필요가 없고, 실행자로서 실행할 수 있습니다.

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit --watch",
    "lint": "vue-cli-service lint"
  },

현재 VS 코드를 사용할 때, 나는 분할 단말기를 가지고 있다.하나는 실행 serve 스크립트이고 다른 하나는 실행 test:unit 이다.이 프로젝트는 단원 테스트만 사용할 수 있기 때문에 잠시 삭제할 수도 있습니다. :unit