1. 程式人生 > >nodejs安裝-配置

nodejs安裝-配置

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】