zoukankan      html  css  js  c++  java
  • 个人博客开发-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 ,然后服务就停了.


    项目搭建完成!

  • 相关阅读:
    20191017-1 每周例行报告
    20191010-2 每周例行报告
    20190919-1 每周例行报告
    彭思雨20190919-3效能分析
    zipfile
    subprocess
    configparser
    hashlib
    json & pickle
    headpq
  • 原文地址:https://www.cnblogs.com/hanguozhi/p/8560256.html
Copyright © 2011-2022 走看看