DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> NodeJs——入門必看攻略
NodeJs——入門必看攻略
編輯:關於JavaScript     

關於NPM:

npm 是 nodejs 的包管理和分發工具。它可以讓 javascript 開發者能夠更加輕松的共享代碼和共用代碼片段,並且通過 npm 管理你分享的代碼也很方便快捷和簡單。

一 NodeJs安裝與NPM管理

安裝

前往NodeJs官網,下載安裝包直接安裝。同時NodeJs默認包含NPM模塊。後者需要更新到最新版本。-v 查看版本信息,有則安裝成功。某些版本不支持讀-v參數大小寫敏感,如報錯嘗試大寫-V.

node -v
v4.4.4
npm -v
2.15.1

更新npm模塊

node install npm -g

-g 參數代表全局安裝,windows下所有安裝的模塊文件一般存放在node安裝目錄下或C:\Users\Administrator\AppData\Roaming緩存目錄下。
 去掉-g 本地安裝,npm在當前目錄下新建一個node_modules目錄,所下載的模塊存放在裡面。

卸載

通過uninstall從node_modules目錄下刪除模塊

#本地卸載
npm uninstall <name> 
#全局卸載
npm uninstall <name> -g

二 創建第一個NodeJs應用

使用express模塊創建應用。

首先下載express模塊

npm install -g express
express -V

同理,檢查是否安裝成功。還有兩個參數:-e或--ejs;-J或--jshtml。含義:
-e, --ejs add ejs engine support 添加ejs模塊引擎支撐

-J, --jshtml add jshtml engine support (defaults to jade) 添加jshtml模板引擎支撐

新版本express中不支持cmd命令行,所以上面express -V會報錯: 不是內部或外部命令,需下載express-generator

npm install -g express-generator

然後可以全局使用express命令了,隨便選擇一個文件夾(F:\Project\Nodejs)下創建應用:

express hello_world

cd hello_world 進入項目

cd hello_world
# 查看目錄結構
dir
#像這樣
# 2016/06/26 14:43  <DIR>     .
# 2016/06/26 14:43  <DIR>     ..
# 2016/06/26 01:41       1,442 app.js
# 2016/06/26 01:41  <DIR>     bin
# 2016/06/26 01:41        331 package.json
# 2016/06/26 01:41  <DIR>     public
# 2016/06/26 01:41  <DIR>     routes
# 2016/06/26 01:41  <DIR>     views
#        2 個文件     1,773 字節
#        6 個目錄 161,019,293,696 可用字節*

注意這裡有一個package.json文件,裡面dependencies屬性指定了當前項目依賴的模塊。啟動之前,需要執行npm install下載他們:

npm install

如果沒有package.json文件,這一步會報錯:

npm ERR! install Couldn't read dependencies

npm ERR! Windows_NT 6.1.7601

可以通過npm ini 生成默認的。在這裡,上面的express hello_world命令內部已經調用該命令,生成文件內容類似這樣:

{
 "name": "hello_world",
 "version": "0.0.0",
 "private": true,
 "scripts": {
  "start": "node ./bin/www"
 },
 "dependencies": {
  "body-parser": "~1.15.1",
  "cookie-parser": "~1.4.3",
  "debug": "~2.2.0",
  "express": "~4.13.4",
  "jade": "~1.11.0",
  "morgan": "~1.7.0",
  "serve-favicon": "~2.3.0"
 }
}

也可以安裝上面的模板,收到創建該package.json文件。值得一提的是,一個npm模塊package.json文件包含的信息遠比這裡豐富。

等待依賴庫下載完成。完成後多一個node_modules文件夾用於保存依賴庫。

至此,當前應用准備工作完成。啟動應用:

npm start

浏覽器中輸入127.0.0.1::3000(默認端口)訪問

三 總結

個人經驗,希望能給從零到創建一個nodeJs應用的同學提供參考。

以上就是小編為大家帶來的NodeJs——入門必看攻略全部內容了,希望大家多多支持~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved