# vue_ts

**Repository Path**: muand/vue_ts

## Basic Information

- **Project Name**: vue_ts
- **Description**: node express + mongodb + vue+vue-cli30 + vuex
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-04-01
- **Last Updated**: 2020-12-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-ts [文档地址](https://gitee.com/muand/vue_ts/blob/master/README.md) 


#### 介绍
node+express+mongodb+vue+ts

+ 前端代码在： vue-web 文件下面
+ 后端代码在： server 文件下面

+ UI参考： 链接：https://pan.baidu.com/s/1iRRNuXMHNCfdQSKvYMJ8fw 提取码：v1vg 


#### 软件架构
+ node 版本 8.11.1
+ npm  版本 5.6.0



#### 安装教程(注意：目前使用线上数据库，此步骤可以跳过。如果需要连自己的数据库，可以参考下面安装教程)
1. 安装typescript:  npm install -g typescript
2. vue-cli 3.0 安装： npm install -g @vue/cli-service-global
3. 进入项目 server，npm install
4. 进入目录 vue-web, 执行 npm install
5. 安装mongodb(可以跳过，直接使用我们的测试数据库): 
    + [windows安装教程](https://blog.csdn.net/heshushun/article/details/77776706)
    + [linux安装教程](https://www.cnblogs.com/muamaker/p/10081766.html)
    + 由于安装包下载需要越狱，比较慢，可以在百度云下载： 链接：[安装包](https://pan.baidu.com/s/1p4N9HmS0w5l_vuv3gN8z3Q) 提取码：fhyr 


#### 开发使用说明

1. 进入项目 -> server,启动后端代码，npm start  
2. 进入目录 ->  vue-web，启动前端代码, 执行 npm start
3. 打开： http://localhost:8080/
4. 注册然后登陆
5. 假如登录后还是要求登录，可以打开 ：http://localhost:3001，登录后，再进行 第 3、4步


#### 打包
1. 进入目录 vue-web, 执行 npm run build
2. 进入项目根目录  npm start
3. 访问  http://localhost:3001

#### 发布
1. 进入目录 vue-web, 执行 npm run build
2. 进入项目server -> pm2.json  修改 PORT端口，等参数，也可以不改
3. 代码上传至 linux 服务器
4. 进入项目根目录  pm2 start pm2.json
5. 配置nginx反向代理，发布成功

#### 参与贡献
1. [express 文档地址](http://www.expressjs.com.cn/4x/api.html)
2. [mongoose4.5中文文档](https://mongoose.shujuwajue.com/guide/middleware.html)
3. [七牛云文件上传文档](https://github.com/qiniu/nodejs-sdk/blob/master/docs/nodejs-sdk-v7.md)
4. [技术文档，《深入理解typescript》](https://jkchao.github.io/typescript-book-chinese/project/compilationContext.html)
5. [技术参考](https://juejin.im/post/5ca4417d6fb9a05e5a2e41f8?utm_source=gold_browser_extension)