nodejs安裝-配置
阿新 • • 發佈:2018-11-16
1、安裝路徑: D:\Program Files\nodejs\ 2、新建2個資料夾: D:\Program Files\nodejs\node_cache D:\Program Files\nodejs\node_global 3、先配置npm的全域性模組的存放路徑以及cache路徑: npm config set prefix "D:\Program Files\nodejs\node_global" npm config set cache "D:\Program Files\nodejs\node_cache" 然後可以輸入指令檢視: npm config get prefix 回車 npm config get cache 回車 4、安裝express模組。 命令列裡輸入npm install express -g -g 意思是裝在global目錄下,即上面的D:\Program Files (x86)\nodejs\node_global; 5、檢視是否安裝成功。進入到全域性的D:\Program Files (x86)\nodejs\node_global目錄下,輸入node 回車,輸入require("express");出現以下資訊即安裝成功。 ps:退出nodejs終端命令列,ctrl+D一次 或 ctrl+C兩次 或輸入“ .exit” 即可 6、express命令的使用,檢視版本資訊。輸入express -V ,提示express不是內部或外部命令。 因為express4.x中將命令工具分離出來了,所有需要先裝express-generator。 命令列輸入:npm install -g express-generator,即安裝成功。 7、使用express命令前,還需要配置下環境變數。 開啟計算機,系統屬性——高階系統設定——環境變數;在系統變數下,新建 NODE_PATH D:\Program Files\nodejs\node_global\node_modules(全域性路徑),將“;%NODE_PATH%”到path變數值後面即可。 將【使用者變數】下的【Path】修改為 D:\Program Files\nodejs\node_global (原先為:C:\Users\admin\AppData\Roaming\npm) 8、測試express命令。命令列下輸入express --version 顯示版本資訊: 4.16.0,即安裝成功。 ============== 【Node 除錯工具入門教程】 【http://www.ruanyifeng.com/blog/2018/03/node-debugger.html】 2016年,Node 決定將 Chrome 瀏覽器的"開發者工具"作為官方的除錯工具,使得 Node 指令碼也可以使用圖形介面除錯,這大大方便了開發者。 ·新建http.js 內容如下: const http = require('http'); const hostname = '127.0.0.1'; const port = 8080; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n'); }); server.listen(port, hostname, () => { console.log(`伺服器執行在 http://${hostname}:${port}/`); console.log("nodejs搭建本地伺服器用作自測"); }); ·啟動開發者工具 現在,執行http.js node --inspect http.js 上面程式碼中,--inspect引數是啟動除錯模式必需的。這時,開啟瀏覽器訪問http://127.0.0.1:8080,就可以看到 Hello World 了。 ·接下來,就要開始除錯了。一共有兩種開啟除錯工具的方法,第一種是在 Chrome 瀏覽器的位址列,鍵入 chrome://inspect或者about:inspect,回車後就可以看到下面的介面。 在 Target 部分,點選 inspect 連結,就能進入除錯工具了。 第二種進入除錯工具的方法,是在 http://127.0.0.1:3000 的視窗開啟"開發者工具",頂部左上角有一個 Node 的綠色標誌,點選就可以進入。 備註: 除錯工具視窗 除錯工具其實就是"開發者工具"的定製版,省去了那些對伺服器指令碼沒用的部分。 它主要有四個面板。 Console:控制檯 Memory:記憶體 Profiler:效能 Sources:原始碼 這些面板的用法,基本上跟瀏覽器環境差不多,這裡只介紹 Sources (原始碼)面板。 ·設定斷點 進入 Sources 面板,找到正在執行的指令碼http.js。 ·命令列下,按下 ctrl + c,終止執行http.js。 參考內容有:
【https:/jingyan.baidu.com/article/7f41ecec0e3a25593d095c26.html】 【https://blog.csdn.net/henery_002/article/details/78016575】