前端局部 vue-cli 创立工程脚手架
step1: 新建文件夹
step2: 在创立的文件夹中执行上面命令
npm install -g @vue/cli
vue create .
◆ 输出后会让你抉择,按提醒即可
◆ 最初执行完结提醒如下即胜利
◆ 会生成以下目录
step3: 运行 vue-cli-service serve 调试
◆ 执行上面命令
npm run serve
◆ 关上 Local 网址
step4: 运行 vue-cli-service build 打包工程
◆ 执行上面命令
npm run build
◆ 执行完结后会生成 dist 目录
前端局部到此结束 …
后端局部 Express 框架之 express 脚手架
step1: 执行上面命令 - 装置生成器
npm install express-generator -g
step2: 创立名称为 APP 的利用:
express app
目录构造
step3: 将前端局部生成打包的 dist 文件夹的所有文件复制到 public 目录下
step4: 本地调试 - 执行上面命令
npm run start
◆ 关上 http://localhost:3000/
step5: 创立自启动脚本,在根目录下创立 scf_bootstrap 文件
后盾局部实现 …
腾讯云 serverless 平台部署
step1: 将后端局部的 APP 利用所有文件上传至任意一个 git 仓库
step2: 登录腾讯云 - 关上 serverless 利用核心
step3: 点击新建利用 - 抉择 Web 利用 -Express 框架
step4: 配置好利用名、上传形式抉择代码仓库、配置好代码源、仓库信息,其余默认即可,点击实现触发主动部署
step5: 主动部署实现后,关上域名
功败垂成~