# timetable

**Repository Path**: dreamhuan/timetable

## Basic Information

- **Project Name**: timetable
- **Description**: mean full-stack demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-10-14
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# MEAN full-stack demo

## environment
1. node/npm
1. bower

## init
1. npm install
1. bower install

## run
localhost:3000

## 以下是人话
public目录下的文件以及文件结构已修改完成
因为项目前端的库是用bower管理的，所以请先安装一下bower(虽然bower已经过时了，但是用来获取源码还是不错的。。。)  
安装bower的方法：
打开cmd或者terminal执行

```bash
npm config set registry http://registry.cnpmjs.org
npm i -g bower
```
（注：真正进行安装的是第二行的命令，第一行的命令会吧npm的源设置成淘宝的，可以提高速度）

装完bower后就到项目根目录下（就是timetable目录，更精确一点就是package.json的同一级目录）
有两个方法进入这个目录
1. 打开这个项目文件夹，不选中任何文件按住shift再按鼠标右键，就会有在命令行打开(win10可能是在powershell打开，一个意思)
2. 打开cmd/terminal通过cd命令进入项目根目录，具体根据项目位置来

进到项目根目录后执行`npm i`安装后端库，装完后执行`bower i`安装前端库
运行项目，可以打开bin/www文件然后右键run（绿色小三角）也可以命令行进入项目根目录后（就是上面一步的位置）执行`npm start`

## 看这里看这里
public目录下分了PC和webApp目录，PC就是之前写的，webApp是新加入的用ionic1的一个app端。PC已经改造成webpack打包的项目了，app端的因为ionic1的库不支持模块化就用不了webpack导入所以用了gulp打包编译。
- webpack打包的PC端使用了webpack-dev-server作为实时刷新的服务，运行在8080端口
- gulp打包的app端使用browser-sync作为实时刷新的服务，运行在8081端口
- pc端和app端都用统一的后端接口，运行在3000端口。

扯了这么多，就是update完后执行`npm i`安装全部依赖，然后执行`npm start`开启后端服务，`npm run dev-pc`开启PC网页，`npm run dev-app`开启app网页（记得把网页打开为手机视图）