사용 VUE CLI 4.0.5

사용 VUE CLI 4.0.5

이제 VUE 비계가 버전 4.0으로 업그레이드 된 첫 번째 이일은 그냥이 CLI 4 및 CLI 3 차이가 없습니다 보았다, 3.0 버전을 출시 VUE, 그렇게 만 요약입니다 VUE CLI 4 프로젝트를 구축하는 것, 검토 약.

프로젝트 만들기 (1)

해당 명령

NPM '프로젝트 이름을'만들

구성 옵션 2. 수동 선택

여기에서 우리는 일반적으로 수동으로 구성 할 수
여기에서 우리는 일반적으로 수동으로 구성 할 수

필요한 의존도를 선택합니다

그림 삽입 설명 여기

는 A 누른되는 다음, 다음 공간을 누른 다음 모두 선택을 선택하는 것입니다 
(<I> 속도 역사 선택을 변환, 전환 모두로, <A>을 누르면 <공간>은 SELECT까지)에서 확인 프로젝트 :?에 필요한 기능을 
바벨) (> // 트랜스 코더, 코드는 기존의 실행 환경에 ES6 ES5 코드를 변환 할 수 있습니다. 
() 타이프 라이터 // 타이프 라이터는 자바 스크립트 (접미사의 .js) 상위 (접미사 .TS)을 포함하고 브라우저 실행에서 자바 스크립트의 구문, 당신이 필요로 컴파일하는 출력 자바 스크립트를 확장이다 
() 프로그레시브 웹 응용 프로그램 (PWA) 지원 / / 진보적 인 웹 응용 프로그램 
() 라우터 // VUE 라우터 ( VUE 라우팅) 
() // vuex vuex (VUE 상태 관리 모드) 
() // CSS의 대가로 프로세서는 CSS 전처리 (예 : 이하, 말대꾸) 
() 린터 / 포맷터 // 체크 코드 스타일과 형식 (예 : ESlint) 
() // 단위 테스트 단위 테스트 (단위 테스트) 
() // E2E E2E (종단)을 테스트하는 시험

  

4. 여부 역사 라우터 모드

Vue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由(通过调用浏览器提供的接口)。 我这里建议选n。这样打包出来丢到服务器上可以直接使用了,后期要用的话,也可以自己再开起来。 选yes的话需要服务器那边再进行设置。 Use history mode for router? (Requires proper server setup for index fallback in production)

그림 삽입 설명 여기

5. CSS 전 처리기

그림 삽입 설명 여기

6. 코드 유효성 검사 Eslint 규칙

그림 삽입 설명 여기

감지 할 때 6.2 선택

그림 삽입 설명 여기

7. 단위 테스트

이것은 자신의 상황에 따라 필요
그림 삽입 설명 여기

8. 스토리지 구성을 선택하는 방법

이것은 일반적으로 후자가 더 쉽게 변경할 수 있습니다 그래서, 별도로 두었다.그림 삽입 설명 여기

현재 구성을 저장할지 여부를 선택 (9)

보통 나는이 프로젝트에 따라 있기 때문에, 해당 구성이 다를 수, 저장하지 마십시오
그림 삽입 설명 여기

10. 대기 프로젝트를 생성

그림 삽입 설명 여기
그림 삽입 설명 여기

방문의 성공 후 (11)

그림 삽입 설명 여기
그림 삽입 설명 여기

추천

출처www.cnblogs.com/qinyuanchun/p/11821918.html