## 項目啟動 ### 前提 一定要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地址。而這個地址需要從一個具體的業務場景中獲取才可以。