1. 程式人生 > >Node+express4.x安裝以及webstrom的使用

Node+express4.x安裝以及webstrom的使用

linux logs 32位 包管理 tar 1-1 默認安裝 選項 分離

1 Nodejs安裝

Window下安裝nodejs

(1)進入官網下載對應版本的nodejs(我選擇的是32位的window7版本x86)

  技術分享

(2)修改默認安裝路徑

  技術分享

(3)輸入node -v查看nodejs版本,npm -v查看npm的版本  

  技術分享

Linux下安裝nodejs參考:http://www.xitongzhijia.net/xtjc/20150202/36680.html

2 Express4.x安裝

註意:express 4.0版本之後將命令行工具單獨分離出來,叫做express-generator。使用nodejs的npm包管理器進行安裝。

全局安裝:自動安裝到“C:\Users\[當前用戶]\AppData\Roaming\npm”下,並且自動將路徑添加到環境變量“Path”中。

本地安裝: 安裝到當前目錄下,不會將路徑添加到環境變量“Path”中。

npm install -g express

註:"-g"就是全局安裝選項,沒有這個就是本地安裝。

express-generator應用生成器的安裝:

npm install -g express-generator

註意:使用express -h進行查看相關幫助

3 創建express + ejs項目

(1)進入主目錄,使用express -e myTest,在目錄下建立工程

  技術分享  

註意:-e --view=ejs的簡寫。

(2)建立後的目標文件目錄如下:

  技術分享

(3)Package.json配置文件的詳細信息。

  技術分享

(4)接下來是下載依賴集,進入主目錄,使用npm install 依據package.json下載依賴模塊。

  技術分享

下載完成後的文件目錄(新增node_mudules目錄存放依賴模塊)

  技術分享

(5)使用npm start 啟動服務器。

  技術分享

在chrome瀏覽器中輸入http://localhost:3000/默認是3000端口,可修改)

技術分享

4 webStorm運行項目

(1)導入項目,配置

  技術分享

技術分享

技術分享

技術分享

在chrome瀏覽器中輸入http://localhost:3000/(默認是3000端口,可修改)

Node+express4.x安裝以及webstrom的使用