1. 공식 홈페이지에서 Node를 설치합니다. (왼쪽이 장기지원 버전, 오른쪽이 현재 출시 버전)
설치가 잘 되었는지 확인
cmd->node -v를 열어 노드 버전을 확인하세요.
노드에 npm(패키지 관리자)이 포함되어 있습니다. 버전을 확인하세요.
2. 타오바오 이미지 설치 npm install -g cnpm --registry=https://registry.npm.taobao.org
설치가 잘 되었는지 확인
3.vue 경계 cnpm i -g vue @vue/cli
다운로드가 성공하기 전에 35개의 작업이 모두 완료되었는지 확인하고, 그렇지 않으면 명령을 다시 입력하고 다시 실행하십시오.
4. cmd에서 vue 프로젝트를 생성하고 관련 구성을 만듭니다.
선택 시 Enter를 누르지 말고 "공백"을 사용하고 선택이 끝나면 Enter를 누르십시오.
생성에 성공했습니다.VSCode를 열고 생성된 todolist 폴더를 작업 표시줄로 가져온 후 터미널에서 npm run submit 프로젝트를 시작합니다. 기본적으로 포트 8080이 열려 있습니다.
5. vue 프로젝트 이해
node_modules: 다양한 종속성 저장
public
favicon.ico: vue 아이콘
index.html: 최종 요약 파일
src
자산: 정적 리소스 저장
구성 요소: 일반 구성 요소 저장
라우터:
라우팅 구성 저장소: 상태 관리 구성
보기: 라우팅 구성 요소 배치
App.vue: 다음을 따릅니다. 컴포넌트
main.js: js 항목
file.browerslistrc: 브라우저 버전 관리.gitignore
: git 구성 파일 업로드
babel.comfig.js: babel 구성
package-lock.json: 모든 패키지의 특정 정보
package.json: 프로젝트를 포함한 패키지 관리 파일 이름, 프로젝트 버전, 비공개 여부, 시작 스크립트, 설치된 종속성
README.md: 프로젝트 소개