使用express搭建第一个Web应用Node.js初学详解编程语言

来源:http://jingyan.baidu.com/article/bad08e1ee501e009c8512106.html

 

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

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

工具/原料

  • nodejs & npm & express

方法/步骤

  1.  

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

  2.  

    进入到任意一个文件夹,执行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

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

  3.  

    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)

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

  4.  

    这个时候根据提示,安装必备的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 install serve-favicon

    [email protected] node_modules/serve-favicon

    ├── [email protected]

    ├── [email protected]

    ├── [email protected]

    └── [email protected] ([email protected])

     

    E:/nodejs>npm install morgan

    [email protected] node_modules/morgan

    ├── [email protected]

    ├── [email protected]

    ├── [email protected] ([email protected])

    └── [email protected] ([email protected])

     

    E:/nodejs>npm install cookie-parser

    [email protected] node_modules/cookie-parser

    └── [email protected]

     

    E:/nodejs>npm install body-parser

    [email protected] node_modules/body-parser

    ├── [email protected]

    ├── [email protected]

    ├── [email protected]

    ├── [email protected]

    ├── [email protected]

    ├── [email protected]

    ├── [email protected] ([email protected])

    ├── [email protected] ([email protected])

    └── [email protected] ([email protected], [email protected])

     

    E:/nodejs>

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

  5.  

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

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

  6.  

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

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

  7.  

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/11540.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论