## 项目启动 ### 前提 一定要server目录下,安装依赖 ``` cd server npm i ``` ### build 产生项目资源 ``` npm run watch ``` 正常运行之后会有资源包打包，如果你没有全局安装webpack-cli,会提示你进行安装。 ``` \> whiteboard\_server@1.0.0 watch /Users/robin/Documents/melot/Whiteboard\_Client/server \> cross-env NODE\_ENV=local webpack --watch One CLI for webpack must be installed. These are recommended choices, delivered as separate packages: ``` 你选择webpack-cli 回车即可，然后再次执行，能看到打包以后的结果文件。 ``` \> whiteboard\_server@1.0.0 watch /Users/robin/Documents/melot/Whiteboard\_Client/server \> cross-env NODE\_ENV=local webpack --watch webpack is watching the files… xxx... Built at: 2019-07-11 14:24:44 ``` ### 项目启动 你可以使用vscode的调试工具中的‘独立启动nodejs’服务器的部分，注意一般情况下我们连的是开发服，但因为测试服的课件比较多，所以你需要配置环境到qa. 对应的vscode的启动文件是.vscode目录下的launch.json文件，我们使用的是其中第二个配置项：其中env是用来配置你连接到哪个环境。 ``` { "type": "node", "request": "launch", "name": "独立启动Node.js服务器", "program": "${workspaceRoot}/server/app.js", "cwd": "${workspaceRoot}/server", "sourceMaps": true, "protocol": "inspector", "env": { "NODE\_ENV":"qa" } }, ``` 启动之后，你可以看到控制台正确的打印出项目的启动信息如下：然后你就可以看到所有的web请求的记录了。 ``` /usr/local/bin/node --inspect-brk=35615 app.js Debugger listening on ws://127.0.0.1:35615/22cb7951-d19d-412a-9b03-584082730baa Debugger attached. Listening on port 1042 ``` 备注：直接访问1042是不可以的，因为整个应用并不构成闭环，你只能访问某些地址。其中最核心的一个地址就是互动课件访问的web地址。而这个地址需要从一个具体的业务场景中获取才可以。