如何搭建一个node 工程

为什么要写这篇文章,因为现在Node.js这几年确实越来越火,这个看看github 上面的代码数量,不用我在多说。node.js的性能也是相当不错,配合上express类库以及Vue.js 对于前端工程师的我们确实是把利器。在以前的老本家爱立信公司,联动优势以及现在开发的“萌店”都使用了这种技术,个人觉得这方面也算有点心得体会。


接下来就分几步概述一下,一个Node工程的起始搭建

安装node.js

第一步:去node.js官网下载,官网地址http://www.nodejs.org/download/

第二步:选择你电脑位数和品牌对应的版本

这里写图片描述

第三步:开始安装node
点击下载的文件这里写图片描述
开始安装……………..安装完毕后…….

第四步:开始输入命令,安装数据库

虽然不知道你装在那个位置,但是现在你要听我的,使用命令行进入到安装的目录下,依次输入命令:

1-键入命令:npm install express 回车等待安装express........

2-键入命令:npm install jade 回车等待安装jade........

3-键入命令:npm install mysql回车等待安装mysql........

好了,不说了,你的node.js已经安装成功了,接下来就是搭建Node工程这个大头了,来来啦…..rang 我们一起 去搭建node工程。

第五步:node工程初始化

你已经安装了 Node.js,接下来为你的应用创建一个目录,然后进入此目录并将其作为当前工作目录。
    $ mkdir myapp
    $ cd myapp

通过 npm init 命令为你的应用创建一个 package.json 文件。 欲了解 package.json 是如何起作用的,请参考 Specifics of npm’s package.json handling。

    $ npm init
    entry point: (index.js)

键入 app.js 或者你所希望的名称,这是当前应用的入口文件。如果你希望采用默认的 index.js 文件名,只需按“回车”键即可。

第六步:开始安装Express类库

接下来安装 Express 并将其保存到依赖列表中:

    $ npm install express --save

如果只是临时安装 Express,不想将它添加到依赖列表中,只需略去 –save 参数即可:

    $ npm install express

安装 Node 模块时,如果指定了 –save 参数,那么此模块将被添加到 package.json 文件中 dependencies 依赖列表中。 然后通过 npm install 命令即可自动安装依赖列表中所列出的所有模块。


到这里基本上库已经安装完了,接下来,就是要验证是不是真的可以,牛逼不是吹的,来咱们上一个实例。


Hello world 实例

接下来,我们一起创建一个基本的 Express 应用。
注意:这里所创建是一个最最简单的 Express 应用,并且仅仅只有一个文件 — 和通过 Express 应用生成器 所创建的应用完全不一样,Express 应用生成器所创建的应用框架包含多个 JavaScript 文件、Jade 模板和针对不同用途的子目录。来来,小伙伴看着这里,见证奇迹的时刻到了。来了………………..

第一步:创建文件复制代码:

进入 myapp 目录,创建一个名为 index.js 的文件,然后将下列代码复制进去:

    var express = require('express');var app = express();

    app.get('/', function (req, res) {
      res.send('Hello World!');});
    var server = app.listen(3000, function () {
      var host = server.address().address;
      var port = server.address().port;

      console.log('Example app listening at http://%s:%s', host, port);});

上面的代码启动一个服务并监听从 3000 端口进入的所有连接请求。他将对所有 (/) URL 或 路由 返回 “Hello World!” 字符串。对于其他所有路径全部返回404 Not Found。

第二步:输入命令

进入到node工程的根目录输入:

    $ node index.js

浏览器显示结果: Hello World!

第三步:浏览器查看结果

这个时候就可以在浏览器中打开 http://localhost:3000/ 并查看输出结果。


Express 应用生成器

通过应用生成器工具 express 可以快速创建一个应用的骨架。

第一步:输入命令行:

通过命令安装:

    $ npm install express-generator -g

第二步:输入命令行:

-e 选项可以选择渲染的模板是EJS:

    $ express -e

第三步:输入命令行:

然后安装所有依赖包:

    $ npm install

第四步:输入命令行:

Windows 平台使用如下命令:

    > set DEBUG=myapp & npm start

接下来你就可以在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。
通过 Express 应用生成器创建的应用一般都有如下目录结构:

.
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.jade
    ├── index.jade
    └── layout.jade

^-^ 哈哈哈,看到这里就证明你的“大功”告成了,是不是有种莫名的冲动。

通过 Express 应用生长期创建应用只是众多方法中的一种。还有很多,很多办法,这里就不多说啦,这里这只是自己熟悉的做法。

参考文献:

http://www.express.com/
https://nodejs.org/en/

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值