个人博客开发-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 ,然后服务就停了.


项目搭建完成!

原文地址:https://www.cnblogs.com/hanguozhi/p/8560256.html