首頁 >web前端 >js教程 >windows下安裝nodejs及框架express_node.js

windows下安裝nodejs及框架express_node.js

WBOY
WBOY原創
2016-05-16 15:46:261792瀏覽

以下透過兩種方式介紹windows下安裝node.js及框架express

第一種方式:

總共分成四步驟輕鬆完成Nodejs的Express安裝

第一步、安裝

所有要先按裝express-generator,否則建立專案時,會提示express指令沒找到

npm install -g express-generator #需先安装express-generator
npm install -g express
express -V #验证是否安装成功

第二步、建立專案

$ express myfirstexpress # express的默认模版采用jade,若需要ejs模版支持,加上-e选项,即 express -e myfirstexpress
$ cd myfirstexpress
$ ls
app.js bin package.json public routes views #项目的目录结构 

第三步、運行項目

複製程式碼 程式碼如下:

$ npm install #需要等待一段時間,因為需要取得大量的庫檔案
$ npm start

第四步、訪問第一個express專案

瀏覽器中輸入 http://127.0.0.1:3000

第二種方法(文字說明和圖片結合):

主要透過以下五步驟完成Nodejs的Express安裝

第一步:安裝express模組,cd到資料夾中,使用npm install express指令安裝express module後,會發現資料夾中多了node_modules目錄,裡邊會有express模組了。

第二步:進入到任一個資料夾,執行express app指令,就會建立一個app的應用項目,結構如下

E:nodejsexpress_demo>express app
   create : app
   create : app/package.json
   create : app/app.js
   create : app/public
   create : app/bin
   create : app/bin/www
   create : app/public/stylesheets
   create : app/public/stylesheets/style.css
   create : app/views
   create : app/views/index.jade
   create : app/views/layout.jade
   create : app/views/error.jade
   create : app/public/images
   create : app/routes
   create : app/routes/index.js
   create : app/routes/users.js
   create : app/public/javascripts
   install dependencies:  (這裡指示安裝必備的包)
     $ cd app && npm install
   run the app: (這裡指示執行,使用npm start)
     $ DEBUG=app ./bin/www

第三步:cd進入app資料夾中,執行app,使用指令node app這時候會報錯,因為第一次使用express框架的話,缺少很多必備的modules

報錯:
module.js:340
    throw err;
          ^
Error: Cannot find module 'serve-favicon'//表示缺少serve-favicon模組
    at Function.Module._resolveFilename (module.js:338:15)
    at Function.Module._load (module.js:280:25)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at Object. (E:nodejsNode.js寮?鍙戝疄鎴榎chapter_twoexpress_dem
oappapp.js:3:15)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Function.Module.runMain (module.js:497:10)

第四步:這時候根據提示,安裝必備的modules就可以了,如圖

您的環境已設定為使用 Node.js 0.10.26 (ia32) 和 npm。 C:使用者管理員>e:
E:>cd Nodejs
E:nodejs>npm installserve-favicon

serve-favicon@2.2.0 node_modulesserve-favicon ├──
ms@0.7.0 ├──
parseurl@1.3.0 ├──
fresh@0.2.4 └──
etag@1.5.1 (crc@3.2.1) E:nodejs>npm install morgan

morgan@1.5.1 node_modulesmorgan ├──
basic-auth@1.0.0 ├──
depd@1.0.0 ├──
debug@2.1.1 (ms@0.6.2) └──
on-finished@2.2.0 (ee-first@1.1.0) E:nodejs>npm 安裝 cookie 解析器

cookie-parser@1.3.3 node_modulescookie-parser └──
cookie-signature@1.0.5 E:nodejs>npm install body-parser

body-parser@1.12.0 node_modulesbody-parser ├──
content-type@1.0.1 ├──
raw-body@1.3.3 ├──
bytes@1.0.0 ├──
depd@1.0.0 ├──
qs@2.3.3 ├──
iconv-lite@0.4.7 ├-
on-finished@2.2.0 (ee-first@1.1.0) ├──
debug@2.1.1 (ms@0.6.2) └──
type-is@1.6.0 (media-typer@0.3.0, mime-types@2.0.9) E:nodejs>

第五步:


第六步:

以上所有的事情都完成了,在瀏覽器下輸入http://127.0.0.1:3000/,下圖就表示成功了。  

以上是windows下安裝nodejs及Frameworkexpress的全部內容,希望大家喜歡。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn