1. 프로젝트 설치
설치 명령: npm install
설치에 실패하면 다음을 사용할 수 있습니다: npm install -g cnpm --registry=https://registry.npm.taobao.org
1. 프로젝트 환경 구축
1.1 설치 및 시작
종속성 설치 실패 문제를 해결하기 위해 cnpm을 설치합니다.설치 후 cnpm install을 사용하여 기존 또는 새로 추가된 종속성을 설치할 수 있습니다.
하나는 외부 네트워크에 대한 종속성을 성공적으로 설치할 수 있다는 것이고(웨어하우스는 중국에 있음),
다른 하나는 다음과 같이 cnpm 설치가 더 빠르다는 것입니다: npm install -g cnpm --registry=https://registry.npm .taobao.org
npm run dev #개발 모드 서비스 시작
1.2 프로젝트 디렉토리 구조
├── 빌드 # 빌드 관련
├── mock # 프로젝트 모의 시뮬레이션 데이터
├── 공개 # 정적 리소스
│ │── favicon.ico # 파비콘 아이콘
│ └── index.html # html 템플릿
├── src # 소스 코드
│ ├── api # 모든 요청, [데이터 인터페이스 호출] 사용자 및 권한 제어
│ ├── 자산 # 테마 글꼴 등 정적 리소스
│ ├── Components # 전역 공개 구성 요소
│ ├── 아이콘 # 프로젝트의 모든 svg 아이콘
│ ├── 레이아웃 # 전역 레이아웃
│ ├── 라우터 # 라우팅
│ ├── 상점 # 전역 저장소 관리
│ ├── 스타일 # 전역 스타일
│ ├── utils # 전역 공용 메소드, 타사 플러그인
│ ├── Vendor # Public Vendor
│ ├── views # 모든 페이지 보기
│ ├── App.vue # 항목 페이지
│ ├── main.js # 컴포넌트 초기화 등 엔트리 파일 로딩
│ └── 허가.js # 권한 관리
│ └── settings.js # 구성 파일
├── 테스트 # 테스트
├── .env.xxx # 환경 변수 구성
├── .eslintrc.js # eslint 구성 항목
├── .babelrc # babel-loader 구성
├── .travis.yml # 자동화된 CI 구성
├── vue.config.js # vue-cli 구성
├─ ─ postcss .config.js # postcss 구성
└── package.json # package.json