위의 노드에서 전체 설치의 튜토리얼, 당신은 사용하지 않는 경우 이전 튜토리얼을 확인할 수 있습니다.
VUE는 최근 4 세대 버전을 출시하기 때문에,이 시간 우리는 버전 3 대역을 사용하고, 매우 안정되지
1. 비계 VUE 프로젝트를 설치
터미널> cnpm 전 @ VUE / CLI @ 3 -g // 3 세대 버전 설치
설치가 완료되면
> 뷰는 새 폴더 이름이 myapp와입니다 만들기 // myapp와를 만들
다음은 설치 절차는 다음, 당신은 자세한 설명을 볼 수 있습니다. 당신이 이해하지 않으면 당신은 메시지를 남길 수 있습니다
* 선택 --- typesctipt이 투표하지 이외의 것을 VUE 항목을 선택하고 나머지는 공백으로 선출
Y-의 역사에 적용 * 선택 모델을
* 스타일 파일 말대꾸 / SCSS를 선택 (노드 - 말대꾸 포함)
* 유효성 검사 규칙 코드 ESLint + 표준 설정
* 시험 코드 포맷 SAVE 버튼 린트
* 테스트 모드 + 차이 모카
동작 노송 * 모드 (크롬 만)
이용 *의 프 package.json
* 설정된 파일 Y를 저장할지 (직접 개시 한 후 소정 파일을 선택 ) 이후 자동 선택을 필요로하지 않습니다
설치는 더 나은 네트워크 환경을 필요로한다. 이렇게하면 속도가 느려질 수 있습니다
2. 프로젝트 구조 비계를 검토
- 노드 - 모듈 종속 파일
페이지, 이미지, 작은 아이콘이 포함 -public 기본 문서
프로젝트 홈 -src
-tests 테스트
.editorconfig 프로필 편집기
.gitignore의 자식이 파일 무시
babel.config.js 바벨 프로필
cypress.json 플러그인
패키지를. JSON의 프로필
3.src 디렉토리 구조
-assets 정적 리소스 파일
-components 사용자 지정 구성 요소
파일 라우팅 -router
- 저장 상태 관리자
-views 페이지㢟
App.vue 포털 페이지 구조는
입력 파일을 main.js
이러한 설치 및 비계의 VUE의 도입 간단합니다. 의심 당신은 메시지를 남길 수있는 경우