用nodejs做网站 - 3
开始之前
我先介绍几款工具,这几款工具会在接下来用到。他们会帮我们处理很多无聊的操作。
nodemon
Nodemon is a utility that will monitor for any changes in your source and automatically restart your server. Perfect for development.
简单的来说,当你在nodejs程序上做了一个修改后,如果你希望查看到运行的结果你要做以下事情。
修改源文件
Ctrl + c 关掉之前运行的程序
重新运行程序
看到结果
如果你频繁的修改代码,那么这个过程会发生每天上千次,况且你还要在不同的窗口之间切来切去。真是浪费时间。
有了这个工具之后,他会帮你处理这些事情。
安装使用非常的简单。
# 安装命令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
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
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!