vue spa project

vue-spa-프로젝트

vue.js 기술 스택을 기반으로 MVC 및 기타 계층 구조 설계, 데이터 분리 설계, 구성 요소화 및 단일 페이지 애플리케이션 프로젝트의 자동화된 구성을 채택합니다.

기술 스택

• vue.js (2.4)
• vuex(상태 관리)
• vue-router(프런트엔드 라우팅, 비동기 로딩)
• 가져오기(Ajax를 대체하고 네트워크 요청을 보다 효율적으로 만듭니다)
• element-ui(vue 기반 PC 측 UI 구성 요소 라이브러리)

Webpack(자동화된 빌드)

• Babel 사전 컴파일(ES6, SCSS 등) 및 라우팅 지연 로딩 구현을 위한 비동기 구성 요소
• ESlint 코드 품질 관리, 모든 코드는 컴파일을 통과하고 일부 낮은 수준의 오류를 방지하기 위해 표준 사양에 따라 작성되어야 합니다.
• 로컬 개발 서버는 파일 수정 사항을 모니터링하고 자동으로 브라우저를 컴파일하고 새로 고칩니다.
• 프런트엔드 모의 데이터, 백엔드 인터페이스 구현을 기다릴 필요 없음
• 테스트 서버는 자동으로 배포를 배포합니다(서버의 노드가 작성한 수신 스크립트를 시작해야 합니다: file-receiver).

서버 측 렌더링(SSR)이 필요한 경우 다음을 사용하는 것이 좋습니다. NUXT

빌드 설정

 # install dependencies (use cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org)
cnpm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run all tests for unit test and e2e test
npm test

# check update for npm packages, please install 'npm install npm-check-updates -g' at first
npm run update