最近在测试fzu-cpDailySign这个项目:windowsair/fzu-cpDailySign: 福州大学今日校园自动签到测试(nocloud) (github.com),这个项目是前后端分离部署的,前端为Vue,后端为Express,使用node.js进行部署和打包,由于是第一次接触node.js,遇到了很多困难,现在梳理解决方法如下。
(0)开发环境
Windows 10 / Windows 11
Python 2.7 Python Releases for Windows | Python.org
https://dl.yanqishui.work/python-2.7.18.amd64.msi
Node.js 14 下载 | Node.js 中文网 (nodejs.cn)
https://dl.yanqishui.work/node-v14.19.0-x64.msi
Redis for Windows Releases · tporadowski/redis (github.com)
https://dl.yanqishui.work/Redis-x64-5.0.14.1.msi
VSCode Visual Studio Code – Code Editing. Redefined
https://dl.yanqishui.work/VSCodeSetup-x64-1.64.2.exe
Microsoft 生成工具 2015 Download Microsoft 生成工具 2015 from Official Microsoft Download Center
https://dl.yanqishui.work/BuildTools_Full.exe
(1)通过VSCode打开项目文件夹
(2)在集成终端中打开分别打开BACKEND、FRONTEND文件夹,也就是后端和前端项目文件夹
(3)分别安装项目依赖包
在前后端的终端分别输入下面的指令安装依赖包
npm install
如果下载很慢,可能需要换源(可选)
npm config set registry https://registry.npm.taobao.org
但是,在前端依赖安装的过程中,我遇到了一个报错。
MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 “4.0”。
解决不难,查阅了一些资料,首先安装Visual C++ 2015 Build Tools,从这里下载:Download Microsoft 生成工具 2015 from Official Microsoft Download Center
重启,将安装依赖的命令改为:
npm install --msvs_version 2015
像下面这样就安装好啦
(4)运行后端
node app.js
(5)运行前端
npm run serve
(6)本地访问项目网页
访问上图的http://localhost:8080/就能打开对应网页了。
(?)一点教训
不要刻意追求新版!我用了最新版的Python3和Node.js,报了非常多的错误,查了一圈资料才发现是开发环境版本太新导致的,使用旧版的开发环境后部署调试过程一帆风顺。