egg typescript element kit

계란 타이프스크립트 요소 키트

Egg + TypeScript + Element + Webpack3 다중 페이지 및 단일 페이지 서버 측 클라이언트 렌더링 동형 완전한 엔지니어링 프로젝트를 기반으로 합니다.

• 프런트 데스크 시스템: http://localhost:7001

• 백엔드 시스템: http://localhost:7001/admin

1. 프로젝트 소개

플러그인 버전

• 알: ^2.xx
• 노드: 노드 ^8.x.x+,
• 웹팩^4.xx
• 뷰: ^2.5.0
• 타입스크립트: ^2.6.2
• 요소 UI: ^2.0.0
• easywebpack-vue
• 달걀 보기-vue-ssr
• 달걀 웹팩
• 달걀 웹팩 vue

프로젝트 특징

• Egg Node 사이드 코드 및 프런트엔드 코드 TypeScript 작성 및 빌드 지원

• 서비스 작업자 자동화 구축 지원

• 비동기 및 대기 기능을 지원하며 컨트롤러는 클래스 모드로 작성됩니다.

• 서버 및 클라이언트 코드 수정, Webpack 실시간 컴파일 및 핫 업데이트, npm run dev 원클릭 애플리케이션 시작 지원

• vue + vuex + vue-router + axios 단일 페이지 서버 클라이언트 동형 구현을 기반으로 합니다.

• 개발환경, 테스트환경, 정형환경 Webpack 컴파일 지원

• js/css/image 리소스 종속성 지원, CDN 기능 내장 지원

• Webpack DLL 자동화 구축 지원

• Vue 구성 요소 서버 측 렌더링 및 비동기 로딩 지원

2. 시스템 기능

프런트 블로그 시스템

Egg + Vue 서버 측 렌더링 사용

• 블로그 홈페이지
• 블로그 기사 목록 표시
• 블로그 기사 세부정보 페이지
• 블로그 카테고리 탐색

백엔드 관리 시스템

Egg + Vue + Vue-Router + Element 단일 페이지 서버 측 동형 렌더링 사용

• 사용자 로그인
• 사용자 등록
• 계기반
• 기사 관리
• 마크다운 기사 추가
• 권한 관리

3. 사용

3.1 종속성 설치

npm install
npm start

3.2 애플리케이션 시작

npm run dev

애플리케이션 접속: http://127.0.0.1:7001

3.3 빌드

• TypeScript Egg 빌드

npm run tsc

• TypeScript 프런트엔드 프로젝트 구축

npm run tsc

3.4 패키지 배포

1. 먼저 npm run build 실행하여 TypeScript Egg 코드와 TypeScript 프런트엔드 코드를 빌드하세요.
2. 프로젝트 코드와 빌드 코드가 함께 패키지됩니다.
3. 애플리케이션이 배포된 후 npm start 통해 애플리케이션을 시작합니다.

4. 문서

• http://hubcarl.github.io/easywebpack/vue/rule
• https://zhuanlan.zhihu.com/easywebpack

5. 참고자료

• vue-요소-관리자

특허

MIT