vue-cli 4.5.x 빠 른 구축 프로젝트

vue-cli 설치

npm i @vue/cli -g

2.프로젝트 생 성
vue-cli 는 완전한 프로젝트 폴 더 를 만 들 것 입 니 다.내부 에 src 등 이 포함 되 어 있 습 니 다.이 프로젝트 파일 을 설치 하려 는 폴 더 에 cd 만 들 어가 서 다음 코드 를 실행 하면 됩 니 다.
1.프로젝트 파일 생 성;
터미널 입력:

vue create projectname

2.설정 생 성 방식 선택
맨 아래 항목 을 선택 하여 수 동 으로 설정 합 니 다.
(에 스 린 트 를 좋아 하 시 면 vue 3 를 선택 하 세 요)

3.플러그 인 선택
필요 한 플러그 인 을 선택 하 십시오.상하 화살표 이동,스페이스 바 선택 상태 전환

잘못 선택 하거나 누락?괜찮아 요.빌 드 가 끝 난 후에 도 Vue UI 를 통 해 플러그 인 설정 을 수정 할 수 있어 요.
저 는 에 스 린 트 에 적응 이 잘 안 돼 서 잘 안 되 는데...
맨 아래 유닛 테스트(unit Testing)와 엔 드 테스트(E to E Testing)가 필요 하 시 면 시작 합 니 다.

4.단일 설정
첫 번 째"Choose Vue version"을 선택 하여 단일 설정 을 진행 합 니 다.
vue-router 에 HTML 5 의 history 모드 를 사용 하 시 겠 습 니까?

이 추천 을 사용 하면 url 이 더욱 깔끔 하고 보기 좋 으 며 가 독성 이 높 습 니 다.
SPA 페이지 에서 HTML 5 의 history 모드 에 의존 하 는 방법 이 적지 않 습 니 다.
이 babel&eslint 같은 것들 의 프로필 을 어떻게 저장 할 계획 입 니까?

여기 서 첫 번 째 항목 을 추천 합 니 다.단독 프로필 을 만 듭 니 다.이렇게 수정 할 때 해당 하 는 프로필 만 찾 으 면 해당 하 는 설정 을 수정 할 수 있 습 니 다.
좋 습 니 다.이번 구축 프로젝트 의 배 치 를 앞으로 계속 사용 하 시 겠 습 니까?

그 건 니 가 결정 해.
선택 하면 다음 에 첫 번 째 단 계 를 실행 할 때 네 번 째 옵션 이 나타 납 니 다.그것 이 바로 사용자 정의 설정 방법 입 니 다.
이 설정 의 이름 을 지정 합 니 다:procject name

5.패키지 관리 도구 선택
npm 를 사용 할 지,Yrn 을 사용 할 지 선택 하 라 고 할 것 입 니 다.저 는 npm 를 직접 사용 한 것 을 표시 하지 않 았 습 니 다.이상 합 니 다.
자기가 쓰 고 싶 은 걸 로 하면 돼.

이로써 창설 이 완료 되 었 습 니 다.
그럼 운행 해 봅 시다!

npm run serve

해당 포트 에 들 어가 면 Vue 의 초기 인터페이스 를 볼 수 있 습 니 다.

3.VueUI 설정 수정
cmd 를 열 고 GUI 서비스 가 시 작 될 때 까지"vue ui"를 입력 하면 로 컬 서비스 기반 UI 인터페이스 가 자동 으로 열 립 니 다.

프로젝트 파일 을 가 져 오 면 왼쪽 플러그 인 등 분류 에서 프로젝트 를 빠르게 실행&플러그 인 설치&플러그 인 마 운 트 해제 등 작업 을 할 수 있 습 니 다.
첨부-저 장 된 설정 옵션 삭제
설정 을 저장 했다 면 다음 에 사용 할 때 여기에 자신의 설정 이 하나 더 있 을 것 입 니 다.너무 많 으 면 눈 이 어 지 러 울 수 있 습 니 다.

이 설정 들 은 CD Administrator 의"vuerc"파일 에 저 장 됩 니 다.

해당 대상 을 삭제 하면 됩 니 다.
총결산
vue-cli 4.5.x 빠 른 구축 프로젝트 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 vue-cli 4.5.x 구축 프로젝트 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 바 랍 니 다!