基于Vue + Typescript开发的Ego移动端购物商城

基于Vue + Typescript开发的Ego移动端购物商城

Ego 移动端购物商城

基于vue2.0 + typescript技术开发的移动端项目, 使用官方推荐最新的脚手架搭vue-cli 3.x搭建

开发者：稻草叔叔

项目地址：github/vincentSea/…

界面

项目所有的界面都是自己设计的， 当然肯定有参考因素存在。

技术栈

核心: vue + typescript + vuex + vue-router

其他:

• vue-class-component : ES / TypeScript decorator for class-style Vue components.

• vue-property-decorator : This library fully depends on vue-class-component, so please read its README before using this library.

• vuex-class : Binding helpers for Vuex and vue-class-component

安装&构建

# 安装依赖
npm install# 开发环境
npm run serve# 打包项目
npm run build
复制代码

项目目录

├── README.md                            # 项目说明
├── fig.js                      # babel配置文件
├── package-lock.json                    
├── package.json  
├── public                               # 公用目录 （存在首页入口文件、静态资源）
├── src                                  # 核心代码目录
│   ├── App.vue                          # 组件入口文件
│   ├── api                              # 接口服务
│   ├── assets                           # 静态目录（存放图片，插件等）
│   ├── components                       # 公用组件库
│   ├── config.ts                        # 全局配置项
│   ├── main.ts                          # 项目js入口文件，包括路由配置等
│   ├── registerServiceWorker.ts         # ServiceWorker
│   ├── router                           # 路由配置
│   ├── store                            # vuex状态管理
│   ├── style                            # 公用样式
│   ├── typings                          # 定义插件
│   ├── utils                            # 工具库
│   └── views                            # 视图目录
└── tsconfig.json
复制代码

感想

因为之前没有接触过tpyescript的项目。所以筹备做一个vue+ts的项目。也翻阅了不少开源项目和资料。此项目也是属于我在空闲时间上开发的。所有的界面设计和功能设计，都是有个人完成。存在很多不完善，也仅供参考学习，我本人也在学习，所以项目也是断断续续去开发。

当然希望给个Star。嘻嘻！

License

MIT

Copyright (c) 2018 稻草叔叔