1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 使用express搭建第一个Web应用【Node.js初学】

使用express搭建第一个Web应用【Node.js初学】

时间:2022-11-24 21:43:47

相关推荐

使用express搭建第一个Web应用【Node.js初学】

来源:/article/bad08e1ee501e009c8512106.html

express是一个开源的node.js项目框架,初学者使用express可以快速的搭建一个Web项目,express中已经集成了Web的http服务器创建、请求和文件管理以及Session的处理等功能,所以express是非常适合初学者的入门学习。

工具/原料

nodejs & npm & express

方法/步骤

首先安装express模块,cd到文件夹中,使用npm install express命令安装express module后,会发现文件夹中多了node_modules目录,里边会有express模块了。

进入到任意一个文件夹,执行express app命令,就会创建一个app的应用项目,结构如下:

E:\nodejs\express_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.<anonymous> (E:\nodejs\Node.js寮€鍙戝疄鎴榎chapter_two\express_dem

o\app\app.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就可以了,如图

Your environment has been set up for using Node.js 0.10.26 (ia32) and npm.

C:\Users\Administrator>e:

E:\>cd nodejs

E:\nodejs>npm installserve-favicon

serve-favicon@2.2.0 node_modules\serve-favicon

├── ms@0.7.0

├── parseurl@1.3.0

├── fresh@0.2.4

└── etag@1.5.1 (crc@3.2.1)

E:\nodejs>npm installmorgan

morgan@1.5.1 node_modules\morgan

├── 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 installcookie-parser

cookie-parser@1.3.3 node_modules\cookie-parser

└── cookie-signature@1.0.5

E:\nodejs>npm installbody-parser

body-parser@1.12.0 node_modules\body-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>

安装完成所有必备的modules后,在此执行app,项目根目录下npm start命令,如果还是提示类似Error: Cannot find module 'jade'错误的话,继续安装必备的模块

以上所有的一切完成后,在浏览器下输入http://127.0.0.1:3000/,如下图就表示成功了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。