如果电脑有安装使用Nodejs，用得次数少的话，忘了怎么弄，可以看看这个文章，按照步骤，能快速搭建一个web网站服务器，
首先，你需要保证电脑系统有安装了Node.js，然后可以用VsCode开发工具，新建一个项目文件夹，
准备就绪
如果你是新手，应该知道，创建nodejs项目会依赖npm，
在项目根目录下，鼠标右键选择从终端打开，也可以是CMD，开始从里输入命令，
要检查npm是否已安装，就输入如下检查npm版本命令如下，查看
npm -v
若报错，表示没有安装npm，输入以下命令如下，查看
npm install or npm i
新建项目
创建一个依赖npm的项目，需要先执行一个初始化命令如下，查看
npm init
这时会提示输入项目配置信息，若懒得输入，一直按回车默认设置即可
直到初始化完成，会看到项目中多出来一个package.json文件，之前输入的项目配置信息就在这里面了（安装的依赖），
安装框架
接下来，输入一个命令，给项目安装Experss框架
npm install express --save
换国内镜像，安装很快
cnpm install express --save
如要运行web站点（服务器），输入以下命令即可
npm run start
输出信息如 listenPort: 3000，那访问本地站点地址就是http:localhost:3000
懒得手动打开浏览器输入地址的话，直接添加以下命令即可
var cp = require('child_process');
//...服务开始监听的地方
server.listen(port);
console.log('listenPort:', port)
//...添加在这里
cp.exec('start http://localhost:'+port);
这个是入口文件上修改，路径在/bin/www，
开始运行的时候，会自动调用浏览器打开
项目结构
了解一下Express 框架项目结构
如果你还对Express框架不够了解，建议先研究学习它，它就是用来快速搭建网站的，一些网站后台必须的功能都给封装好了可以拿来用
小提示
把自己做的网页文件，或者静态网页资源，都放在项目里的public文件夹路径下，
然后，运行在浏览器上就可以看到显示自己的网站页面了，
就到这里了，慢走，记得点赞。
三种css布局模型详细讲解
css布局模型
今天呢，文章里的内容大家了解一下就行，我们今天说一说css的布局模型，我们在学习过程中了解了盒子模型的概念，盒子模型的类型等，今天我们主要针对网页布局里面的三种布局模型展开讲解。我们先说一下这三种布局模型是啥：
一、流动模型
二、浮动模型
三、层模型
一、流动模型
流动模型是我们默认的网页布局模式，怎么来说呢，块状元素会从上到下依次排列，没有设置宽度，默认100%，主要是以行来占用位置，我们做一个小例子，大家就明白了，我们写几个div看看，看看他的排列顺序。
大家看最终的效果，就会知道这个是怎么回事了。
第二种情况呢就是行内元素，按列来排，意思就是从左到右来排列。
"#">我是她的码农"#">百度"#">淘宝"#">微信
我们看一下效果图：
二、浮动模型
在我们学习过程中，遇到块元素，我们想让他并排排列，清除他的独占一行的特性，我们就要用到浮动来实现。
任何一个元素，在默认的情况下都是不能浮动的，但是可以用css来定义这个浮动。
这样做一个小例子来理解，我们将div浮动起来左、右都显示：
这样就可以浮动，来脱离标准流了。
三、层模型
在我们网页布局中不乏看到一个div和另一个div不嵌套也毫无关联，但是他们两个又碍着或者，我在你之上或之下。
也可以这样理解，我们学过photoshop，我们知道里面有一个功能叫图层编辑，在css里面，我们需要用到定位来实现这个功能，大家可以看一看：
层模型呢？有三种形式分别是：绝对定位，相对定位以及固定定位。
后期我们会讲到这些定位，希望大家可以关注我，我们一起进步鸭，明天呢，我们会讲到各种居中形式。文字居中啊，块元素水平居中啊等各种我们遇到过的居中形式。
我现在是从web入门开始讲起，期待和大家一起从小白变成小牛。如果文章中有哪些错误或者不足的地方，还希望大佬指出，我会及时更新。
最后认识一下吧，我叫吕恣瑞，分享web开发知识以及学习经验，关注我，你可以有质的飞跃。
我给大家准备了很多学习资料，在公众号主页：
回复【领取福利】，我为大家准备了很多学习资料，比如ppt，python实战，web基础学习，原生js特效，css特效等
回复【进群交流学习】，添加助理微信，助理会拉大家进群，群里有很多公众号号主，学校老师，web领域开发者，不懂得可以发群里，大家一起讨论学习。
我们在web前端相遇，我们也要在web精进这方面成为彼此最好的老师。
