Node.js環境搭建及簡單demo


Node.js:最簡單的Web服務器

 

1,下載並安裝node

  官網下載:https://nodejs.org/en/download/

  我的版本

     

   安裝完后,在cmd中檢查是否安裝成功,如下圖:

      

       輸入:node -v 表示node.js已安裝成功並顯示版本號

       輸入:npm -v 表示自帶的npm也安裝成功並顯示版本號

 

  說明:新版的Node.js已自帶npm,安裝Node.js時會一起安裝,

       npm的作用就是對Node.js依賴的包進行管理,

       也可以理解為用來安裝/卸載Node.js需要裝的東西

 

  備注:

  1.npm:安裝依賴包從國外下載,速度較慢(node自帶)

  2.cnpm:需要手動安裝,從國內下載,速度較快

    cnpm 相對 npm 速度快

    cnpm 跟npm 用法完全一致,只是在執行命令時將npm改為cnpm。

  3.Git工具:git bash 是 Windows 下的命令行工具。

  

  所以:下面第二步驟,根據各自需求,可以裝也可以不裝

 

 

2,選裝cnpm和Git工具

     2.1,選裝cnpm

  安裝完node后,在cmd命令行中輸入:

  npm install -g cnpm --registry=http://registry.npm.taobao.org

 

  如下,安裝進度示意圖,一直等待,直到完成顯示 

      

  加載完后,如上圖:cnpm安裝完畢

     

 

 2.2,選裝Git工具

   官網下載:https://gitforwindows.org/

  我的版本:

  

   

  安裝成功后,桌面會有Git的快捷方式,鼠標右鍵會顯示相應的Git信息

       

 

  安裝完Git后,雙擊桌面的"Git Bash",即可輸入cnpm或者npm下載資源

       

       

      

 

  

3,生成依賴包管理文件和安裝依賴包

  3.1. 生成依賴包管理文件

    生成依賴包管理文件:package.json

 

  第一、新建文件夾

    要求:不能有中文(即下文中的目標文件夾)

  

  第二、如何定位到目標文件夾

  1. 選中文件夾路徑

   

 

  2,輸入cmd回車

   

 

  c,彈出cmd的對話框,即定位到當前文件夾

  

 

 

  第三、生成依賴包管理文件

 

  a,  定位到目標文件夾,輸入:npm init -y

            -y:表示一直yes

   

  

     b,安裝完成后,顯示如下圖信息:

  

 

  c,目標文件夾中生成相關文件:package.json

  

 

  到此依賴文件生成完成

 

 

  3.2.  安裝依賴包

  安裝依賴包:定位到目標文件夾

  命令行中輸入:npm install express -S

    或者輸入:cnpm install express -S

  兩者選一個,因為cnpm速度快,根據需求自己選擇

  -S:表示保存到package.json(即安裝完成后,會修改package.json文件)

  

   

 

  如上圖,表示依賴包下載完成

  並且目標文件夾中會生成文件夾node_modules

  到此安裝依賴包完成

   

 

 

4,創建node服務文件

  在目標文件夾中,創建空的js文件

  

  具體內容如下:(編寫一個簡單的接口)

  

  server-run.js 是一個簡單的 demo 服務器

 

 

5,啟動服務

  用步驟4中創建的js文件(server-run.js),進行本地啟動web服務 

 

  5.1. 通過cmd啟動服務

   cmd啟動服務,定位到目標文件夾

  輸入:node + 空格 + 服務文件名.js

 

  

 

 

  如上圖,服務已正常啟動

 

 

  5.2. 服務中的接口測試

  5.2.1 用瀏覽器測試

  如下圖,測試成功,瀏覽器中的頁面,正常顯示服務器中的信息

   

 

 

   

 

  5.2.2 用postman工具測試

   

 

  5.3. 通過Git工具啟動服務

    相對於cmd的另一種啟動服務器的方式

 

  a、定位到目標文件夾中,點擊右鍵選擇:Git Bash Here 

  

 

  b、啟動服務,輸入:node + 空格 + 服務文件名.js

  

 

  到此,通過Git工具服務,啟動成功

 

 

 

 

  5.4. 停止服務

    Ctrl+C停止當前服務

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM