个人博客开发-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 ,然后服务就停了.
项目搭建完成!
个人博客开发-01-nodeJs项目搭建的更多相关文章
- Django个人博客开发 | 前言
本渣渣不专注技术,只专注使用技术,不是一个资深的coder,是一个不折不扣的copier 1.前言 自学 Python,始于 Django 框架,Scrapy 框架,elasticsearch搜索引擎 ...
- 一文搭建自己博客/文档系统:搭建,自动编译和部署,域名,HTTPS,备案等
本文纯原创,搭建后的博客/文档网站可以参考: Java 全栈知识体系.如需转载请说明原处. 第一部分 - 博客/文档系统的搭建 搭建博客有很多选择,平台性的比如: 知名的CSDN, 博客园, 知乎,简 ...
- django 简易博客开发 4 comments库使用及ajax支持
首先还是贴一下源代码地址 https://github.com/goodspeedcheng/sblog 上一篇文章我们介绍了静态文件使用以及如何使用from实现对blog的增删改,这篇将介绍如何给 ...
- 基于开源博客系统(mblog)搭建网站
基于开源博客系统(mblog)搭建网站 上一章讲了基于jpress部署的博客系统,这一章了解一下 mblog这个开源的基于springboot的博客系统,相比与jpress 的热度fork数量要少一些 ...
- Django博客开发-数据建模与样式设定
开发流程介绍 之前Django的学习过程当中已经把基本Django开发学完了,现在以Django 的博客项目完成一遍课程的回顾和总结.同时来一次完整开发的Django体验. 一个产品从研究到编码我们要 ...
- Padrino 博客开发示例
英文版出处:http://www.padrinorb.com/guides/blog-tutorial 楼主按 拿作者自己的话说:Padrino(谐音:派骓诺)是一款基于Sinatra的优雅的Web应 ...
- Django 博客开发教程目录索引
Django 博客开发教程目录索引 本项目适合 0 基础的 Django 开发新人. 项目演示地址:Black & White,代码 GitHub 仓库地址:zmrenwu/django-bl ...
- django 简易博客开发 2 模板和数据查询
首先还是贴一下项目地址 https://github.com/goodspeedcheng/sblog 因为代码全在上面 上一篇博客我们介绍了 django的安装配置,新建project,新建a ...
- django 简易博客开发 1 安装、创建、配置、admin使用
首先贴一下项目地址吧 https://github.com/goodspeedcheng/sblog 到现在位置项目实现的功能有: 1.后台管理使用Admin ,前端显示使用bootstrap 2. ...
- Django博客开发实践,初学者开发经验
python,Django初学者,开发简易博客,做了一下笔记,记录了开发的过程,功力浅薄,仅供初学者互相 交流,欢迎意见建议.具体链接:Django博客开发实践(一)--分析需求并创建项目 地址:ht ...
随机推荐
- 【LG5020】[NOIP2018]货币系统
[LG5020][NOIP2018]货币系统 题面 洛谷 题解 考场上第一眼还不会233 可以发现只要可以被其他的货币通过一些奇奇怪怪的方式表示出来的货币就\(ban\)掉即可 就是个完全背包 我是统 ...
- Yii 2.0 Gridview源码分析
GridView yii\grid\GridView 作用:GridView是Yii中的一个Widget,用来展示数据表格.有排序,分页和过滤功能. GridView默认界面如下.这是用Gii生成的. ...
- (转) PHP 开发者该知道的 5 个 Composer 小技巧
1. 仅更新单个库 只想更新某个特定的库,不想更新它的所有依赖,很简单: composer update foo/bar 此外,这个技巧还可以用来解决“警告信息问题”.你一定见过这样的警告信息: Wa ...
- 验证码示例代码演示——以php为例
运行 · 修改index.php(图片验证码的生成示例) [html] view plain copy initNECaptcha({ captchaId: 'YOUR_CAPTCHA_ID', // ...
- 八月暑期福利,10本Python热门书籍免费送!
八月第一周,网易云社区联合博文视点为大家带来Python专场送书福利,10本关于Python的书籍内容涉及Python入门.绝技.开发.数据分析.深度学习.量化投资等.以下为书籍简介,送书福利请见文末 ...
- ABP 框架集成EF批量增加、删除、修改只针对使用mmsql的
AppService 层使用nuget 添加 EFCore.BulkExtensions 引用 using Abp.Application.Services.Dto; using Abp.Domain ...
- 求两个字符串的最长公共子串——Java实现
要求:求两个字符串的最长公共子串,如“abcdefg”和“adefgwgeweg”的最长公共子串为“defg”(子串必须是连续的) public class Main03{ // 求解两个字符号的最长 ...
- 微信 msg_sec_check接口PHP 调用
$checkContent = '要检测的内容'; $url = 'https://api.weixin.qq.com/wxa/msg_sec_check?access_token='. $res[& ...
- 4星|《亿万》:FBI大战华尔街对冲基金大鳄
亿万:围剿华尔街大白鲨 全书尝试还原2008-2013年前后FBI指控赛克资本老板科恩通过内幕交易盈利的案件细节. 作者花了数年时间,采访了200多位当事人,阅读了海量的相关资料.书中交代了科恩的发家 ...
- 华为笔试——C++转换字符串问题
题目:转换字符串 题目介绍: 将输入字符串中下标为偶数的字符连成一个新的字符串输出,需要注意两点: 1. 如果输入字符串的长度超过20,则转换失败,返回“ERROR!”字符串: 2. 输入字符串只能由 ...