vue project

#vue-cli 기반 금융 백엔드 관리 시스템 ( vue2 + vuex + axios + vue-router + element-ui + echarts + websocket + vue-i18n )

---

이 프로젝트에서는 다음을 배울 수 있습니다.

 1、学会使用vue-cli2.0构建项目.
2、基于(pomise)封装axios的get、post等http请求.
3、学会使用vue-router实现页面跳转带参.
4、学会使用vuex状态管理.
5、配套element-ui(主要对table的操作多)
6、对elementui进行二次封装组件,提高复用性
7、略微涉及echarts作图标分析
8、使用websocket监听ele进度条状态
9、使用vue-i18n实现国际化--中英文切换
10、使用Ngprogress做加载,类似github loading bar

설치하다

프로젝트 주소:

( git clone )

git clone https://github.com/hzlshen/vue-project.git

npm 을 통해 로컬 서비스 타사 종속성 모듈 설치(Node.js 설치 필요)

 npm install

서비스 시작(http://localhost:8080)

 npm run dev

릴리스 코드

 npm run build

개발하다

디렉토리 구조

 .
├── 읽어보세요.md           
├── build // 빌드 서비스 및 웹팩 구성 ├── config // 다양한 프로젝트 환경 구성 ├── dist // 프로젝트 빌드 디렉터리 ├── index.html // 프로젝트 항목 파일 ├── package.json // 프로젝트 구성 파일 ├── src // 프로덕션 디렉터리 │ ├── 자산 // CSS js 및 이미지 리소스 │ ├── axios // ajax url 장소 │ ├── 구성 요소 // 다양한 구성 요소 │ ├── 이미지 // 사진 폴더 │ ├── i18n // 국제 폴더 │ ├── 페이지 // 다양한 페이지 │ ├── 라우터 // 페이지 라우팅 │ ├── store // vuex 상태 관리자 │ ├── 스타일 // 스타일 파일 │ └── main.js // Webpack 사전 컴파일된 항목

###프로젝트 스크린샷