个人博客开发-01-nodeJs项目搭建

// window系统下

1.nodeJs 安装

nodeJs 安装 看  这里 , 先下载再下一步下一步就OK了，我的是在C盘里安装的。

 

安装完以后 按 win + R ，在弹出的小框框里输入 CMD 然后回车，

像下面这样

 

 

然后 输入   node -v  如上图，如果出现版本号，那么恭喜，安装成功了。

 

2.新建项目：

 

假如我的项目建在 D盘，webstromProject下的名为 myBlog的项目文件夹 ,

这时候 就可以 去到 D 盘，

CMD 下 ，通过 cd 命令来一层一层的进入某个文件夹，

值得一说的是 从C盘到D盘，不能 cd D  ,而是  直接输入  D:    然后回车，

如下图 ，

 

进入 myBlog 文件夹  （ cd myBlog）

进入以后 开始初始化项目，使用如下命令，然后一步步的回车，node项目就初始化完成了，

 

npm init

　　

然后会生成   package.json 和 package-lock.json 两个文件夹。那么项目就初始化完成 了

 

安装 jade 、 MongoDB 、express：

同样在上面的CMD命令框里使用npm包管理工具安装，使用如下命令：

npm install --save jade mongodb mongoose express

　　--save是为了生成版本依赖记录 ，同时安装了 jade 、MongoDB 和 mongoose 三个东西

 

jade是jade模板，如果了解PHP的人会发现两者有异曲同工之妙，就是在html混写脚本语言，

jade教程点 这里；

MongoDB 是 数据库，

mongoose是专门为nodeJS操作MongoDB数据库使用的接口；

express是为nodeJs服务用的，当然，不用它直接撸原生node的http也是可以的。

这些东西的教程在网上都有。

 

在webstorm中打开项目

新建 文件夹 

db: 数据库操作相关的文件放这里

server： 服务相关的文件放这里

static： 静态资源文件放这里

views： jade文件放这里

目前的项目树搭建是这样的，由于初次开发，如果后面有什么需要再进行拓展。

最后新建一个入口文件 index.js

项目搭建完成，如下图：

 

先启动服务：

用nodeJs构建一个服务很简单

在根目录下的入口文件（我们这里是index.js）开启一个nodeJs服务：

代码如下：

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);
});

　　把这段代码复制到index.js里 保存好，然后回到 cmd 那边

node index.js

　　

 

回车后如果什么都没报，那么恭喜，运行成功了！

打开浏览器 输入 localhost:3000  回车，node已经跑通！

 

注： 在node index.js 以后，更改index.js ,无论页面怎么刷新都不会有效果，我们需要停服务后再开一遍，改动才能生效！

当然，改html和css是可以直接生效的。

node index.js 是开启服务，那么停服务呢？

我们只需要在cmd下按   ctrl + C ，然后服务就停了.

 

项目搭建完成！