nest-webstack

NestJs+VueJS+MongoDB开发 WebStack网站.

# 全局安装 nestjs cli
sudo npm g -i @nestjs/cli

# nest 创建项目
nest new server

# 建议选择 yarn 安装，安装项目的全部依赖
yarn install

项目后端（服务端）分管理端、客户端，所以工作空间使用 Monorepo（单体仓库）模式

cd server
# 创建子应用 管理端
nest g app admin

# 创建完后 admin 为服务管理端，server 服务客户端

# 启动子项目 开发的时候加 -w : watch，监听变化
nest start -w admin

# 创建公共模块，数据库模块，独立于其他模块 注意是 server 文件夹下面
nest g lib db
# 改用 @libs 为默认公共模块名称

# 安装 typegoose
yarn add @nestjs-typegoose @typegoose/typegoose

# 安装 mongoose 模块与 ts 智能提示
yarn add mongoose @types/mongoose

在 db/src 创建 models 并创建相应数据模型，在 db.module 导出 注意命名规范：一般面向对象（数据）模型的定义是一种具体的类别，如：人类；所以用单数形式；而其他的控制器是对具体的类操作，如果：所有用户，具体客户，所有用复数。这也是 NestJS 官方规范。

# 在 admin 服务管理端创建 user 模块与控制器
nest g mo -p admin users

nest g co -p admin users

# 安装 nestjs-mongoose-crud 模块，在对应的控制器中一行代码执行 CRUD
yarn add nestjs-mongoose-crud

# 安装 nest 官方 Swagger 及 express ui
yarn add @nestjs/swagger swagger-ui-express

在 main.js 中配置好 Swagger

cd 到 server 同级，添加后台管理界面 Vue

npm install -g @vue/cli
# OR
yarn global add @vue/cli

vue create admin

# 安装好后 cd admin，安装 element-ui 与 路由
cd admin

vue add element

vue add router

# 都安装好后，再转成 TypeScript 项目，一路默认安装
vue add typescript

# 安装好后 启动
yarn serve

安装 axios 及 TypeScript 提示包

yarn add axios @types/axios

安装 AVue 2.4.0 版本，目前 2.6.1 版本上传文件有 bug

yarn add @smallwei/avue@2.4.0

添加上传图片到 阿里 oss，注意是安装到后端

cd ../server
yarn add multer-aliyun-oss

添加 Nest 环境变量

yarn add @nestjs/config

# 创建公共模块，选择默认
nest g lib commom

# 执行后 libs 就添加了 commom 模块

添加 用户认证

cd server
# 添加 auth 模块与控制器
nest g mo -p admin auth
nest g co -p admin auth

添加 加密模块

yarn add bcryptjs

# bcryptjs 纯 JS 库，无 TypeScript 提示，所以再添加描述文件
# -D：添加到开发依赖
yarn add -D @types/bcryptjs

添加 Passport 与 jwt、local 策略 Passport 是一个 Node 平台的非常出名的身份认证中间件

yarn add @nestjs/passport passport passport-local passport-jwt
yarn add -D @types/passport @types/passport-local @types/passport-jwt

添加 JWT 模块，添加后全局注册

yarn add @nestjs/jwt

from https://github.com/w3cTim/nest-webstack