用nodejs做网站 - 3

开始之前

我先介绍几款工具,这几款工具会在接下来用到。他们会帮我们处理很多无聊的操作。

nodemon

http://nodemon.io/

Nodemon is a utility that will monitor for any changes in your source and automatically restart your server. Perfect for development.

简单的来说,当你在nodejs程序上做了一个修改后,如果你希望查看到运行的结果你要做以下事情。

  1. 修改源文件

  2. Ctrl + c 关掉之前运行的程序

  3. 重新运行程序

  4. 看到结果

如果你频繁的修改代码,那么这个过程会发生每天上千次,况且你还要在不同的窗口之间切来切去。真是浪费时间。

有了这个工具之后,他会帮你处理这些事情。

安装使用非常的简单。

# 安装命令sudo npm install -g nodemon# 用下面的命令代替 node index.jsnodemon index.js

看起很好。之后如果你处理了什么代码,他就会帮你进行上面的操作,省时省力。

gitignore

https://github.com/github/gitignore

这是一个gitignore模板集合项目。当然我们现在只需要其中的一个,但这个项目是一直都在更新的,所以很具有参考性。

这是nodejs项目的gitignore
https://github.com/github/gitignore/blob/master/Node.gitignore

下载下来,把他加到项目中的根目录中就可以了。如果不了解gitignore,可以参看下面的网址。
https://git-scm.com/docs/gitignore

Emmet

官网 http://emmet.io/

Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow

其实我蛮惊讶的,其实很多人并不知道这个工具。他的功能看起来也很简单。

你只要输入。

ul>li*5

之后按Tab,内容就生成了。

  1.   1. 

当然他还有很多的高级功能,你可以上他的官网看看。每个示例都有演示,上手很快。

tree

用来打印目录结构的。同样可以用brew工具方便的安装好。

# 安装➜ brew install tree# 打印当前目录➜ tree ..├── LICENSE├── index.js└── package.json

这样的工具我们后面会介绍很多。

接着写

我们接着扩展之前写的小程序,首先让我们先看看目前的目录结构(node_modules和.git省略掉)。

➜ tree -aI 'node_modules|.git'.├── LICENSE├── index.js└── package.json0 directories, 3 files

之前只是返回了一个字符串到浏览器,这次我们将生成一个网页并发回到浏览器中。

创建index.html

touch views/index.html
放入以下内容。

首页

Hi, limichange!

index.js中做一些修改。

// 引入模块
var path = require('path');

// 设置根目录返回的内容
app.get('/', function (req, res) {
res.sendFile(path.join(__dirname + '/views/index.html'));
});
我们再次访问浏览器。

一切正常。

➜ tree -aI 'node_modules|.git'
.
├── .gitignore
├── LICENSE
├── index.js
├── package.json
└── views
└── index.html
下次我们将加入模板引擎,生成动态的页面。

关键字:node.js, index, gitignore, tree

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部