작업 중 프런트엔드 개발 프로세스 요약 - vue 프로젝트

개발 프로세스

요구사항 -> 프로토타입 -> 개발 -> 테스트 -> 출시

개발하다

1. 버전 제어는git를 선택하여 버전 제어를 한다.

새로운 지점을 개발하고 마스터 메인 라인, 코드 리뷰를 통합합니다.

분기를 활용하여 다양한 상위 릴리즈 배포

2. 기술 모델 선택

비즈니스 요구에 적합한 기술 선택 - vue-cli

통일된 인코딩 규범을 제정하여 팀워크와 코드 유지보수에 편리하다. 예를 들어eslint,tslint

3. 환경 설정 초기화 프로젝트가 완료되면 코드를 원격 라이브러리에 제출합니다.환경을 통일하기 위해 다음과 같은 방법을 추천합니다.

팀 공유가 필요한 npm config 설정 항목

npm:>=5.1버전을 사용하여package-lock를 유지합니다.json 파일 기본 열기 설정

패키지를 제출합니다.json, package-lock.json.package.json에서 프로젝트는 semver에 의존합니다. ^X.Y.Z

프로젝트 구성원 첫 clone 프로젝트 코드 후 npm 설치 의존 패키지 실행

node버전 제약

4. 구축 최적화는 실제 프로젝트에 따라 웹 패키지 설정을 변경합니다.
5. 디렉토리 구조

모듈화는 모듈화된 방식으로 코드를 구성한다:

JS    ：AMD、CommonJS、UMD、ES6 Module
CSS    ：less、sass、stylus、postCSS、css module

모듈화는 모듈화된 프로그래밍 사상을 채택하고 UI층을 처리한다

정적 자원 관리

1.      
2.     --           

개발이 끝나면 일반적으로 다음과 같은 몇 가지 과정을 거친다.

1.    ，    
2.code review
3.    ，  bug ，    

테스트

1. SIT 테스트 환경 테스트 환경, 전면 및 후면 분리, 백그라운드 CORS, 프론트 데스크 통과 프록시 크로스 도메인.가장 좋은 것은 소스 맵 방식을 채택하여 버그를 추적하는 데 유리하다.일반 테스트가 통과되면 버그가 제거되고 UAT 테스트가 진행됩니다.
2. UAT 테스트 환경의 사용자 검수 테스트는 일반적으로 통과된 후에 온라인으로 배치할 준비를 한다.

배치하다

웹팩을 포장한 후 서버에 잃어버리고 항목이 상륙합니다.물론 출시 전에 캐시 설정, 정적 자원 CDN 배치와 같은 성능 최적화를 해야 한다.