webstorm/...開發 NodeJS 項目

標籤：ann   表示   err   module   webstorm   tin   net   目錄結構   tail   

前提：

　　已安裝好 webstorm/IDEA 2016.3 & 2017.1 （見 文 IDEA開發Java 相關 --- 1 IDEA安裝 ...）

     要用 IDEA 開發 NodeJS項目（web/JS）項目，首先需要：

    1. 自行下載 Node.js 並安裝，下載網址：https://nodejs.org/en/download/；或者 https://nodejs.org/en/；

       測試： cmd-> node -v  或者 node, 未出現錯誤，如下，則表明已安裝完好。

　　　　 

       其次，當前的  NodeJS 版本都整合了 NPM， 測試可使用"npm -v" 來測試是否成功安裝。命令如下，出現版本提示表示安裝成功:

　　      

　 2. 在 IDEA中下載 NodeJS 外掛程式，參考http://blog.csdn.net/wang19891106/article/details/51127133，主要步驟如下：

• 預設安裝好了IDEA，在IDEA的file -> setting ->Plugins,右邊預設是沒有這個組件的需要你手動點擊Browe repositories..，在外掛程式列表中搜尋nodejs,將看到NodeJS外掛程式，點擊下載，重啟，（其實它會關聯到你安裝的NodeJS）如； 
  
• 在new project中就多出一項NodeJS 
  
• 構建第一個NodeJS項目 
  

  出現如下問題：

Error creating Node.js Express App. Cannot find C:\Users\admin\AppData\Local\Temp\intellij-express-generator\node_modules\express-generator\bin\express

解決： 要安裝  Node.js web架構模組 express:  可使用 npm 命令安裝模組，npm 安裝 Node.js 模組文法格式如下：

$ npm install <Module Name>

    以下執行個體，我們使用 npm 命令安裝常用的 Node.js web架構模組 express:

npm install express      # 本地安裝( 將安裝包放在 ./node_modules 下（運行 npm 命令時所在的目錄），如果沒有 node_modules 目錄，會在當前執行 npm 命令的目錄下產生 node_modules 目錄。)npm install express -g   # 全域安裝(將安裝包放在 /usr/local 下或者你 node 的安裝目錄。)

　　安裝好之後，express 包就放在了工程目錄下的 node_modules 目錄中，因此在代碼中只需要通過 require(‘express‘) 的方式就好，無需指定第三方包路徑。

var express = require(‘express‘); 

 

• 按照預設操作執行，產生的項目目錄結構如下，改目錄結構和《Node.js開發指南》的例子是一樣的，並且IDEA已經產生一個可以啟動並執行Demo。 
  
• 點擊右上方的綠色箭頭，啟動服務。 
  
• 出現如下提示”Listening on port 3000”，說明服務啟動成功 
  

  • 在瀏覽器中輸入”http://localhost:3000/“，出現說明成功 
    

     

webstorm/...開發 NodeJS 項目