Win7搭建NodeJs開發環境以及HelloWorld展示—圖解

windows 7系統下搭建nodejs開發環境(nodejs+webstrom)并展示hello world!的具體步驟如下:

第一步:下載并安裝NodeJs運行環境。

下載地址:https://www.php.cn/link/2234204dcec1a25356f2ffe8ca96d2d7

下載完成后,點擊安裝并選擇“組件”進行安裝,如下圖所示:

Win7搭建NodeJs開發環境以及HelloWorld展示—圖解

第二步:下載并安裝WebStrom開發工具,并導入nodejs開發插件。

下載地址:https://www.php.cn/link/0ddfce009feef8de73f1d781e16290ad

安裝完成后,導入nodejs插件,如下圖所示:

Win7搭建NodeJs開發環境以及HelloWorld展示—圖解

第三步:創建nodejs項目并展示Hello World!

創建nodejs項目并編寫代碼,如下圖所示:

Win7搭建NodeJs開發環境以及HelloWorld展示—圖解Win7搭建NodeJs開發環境以及HelloWorld展示—圖解

項目創建完成后的目錄結構如下:

Win7搭建NodeJs開發環境以及HelloWorld展示—圖解

使用Shift+F10運行項目,并通過瀏覽器訪問地址:https://www.php.cn/link/dc3f973a721454c7ca263f9b70bfd7a5

運行效果如下:

Win7搭建NodeJs開發環境以及HelloWorld展示—圖解

至此,Hello World! 已經成功展示,任務完成。

NodeJs項目的各個目錄含義如下:

  • node_modules 文件夾包含各種模塊,這里使用了express框架和jade模板引擎。
  • public 文件夾包含各種靜態文件。
  • routes 文件夾包含各種路徑(我喜歡稱之為action)。
  • views 文件夾包含各種模板。

如果您成功搭建了環境,請點贊,謝謝支持!

? 版權聲明
THE END
喜歡就支持一下吧
點贊10 分享