失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > visual studio code搭建本地服务器(node.js+express)

visual studio code搭建本地服务器(node.js+express)

时间:2024-01-03 07:13:14

相关推荐

visual studio code搭建本地服务器(node.js+express)

一、安装node.js(常规软件安装流程,比较简单,不用赘述)

二、安装express框架

1. 打开Windows命令提示符,输入:

npm install express -g,等待,安装好如下所示:

npm install express-generator -g,等待,安装好如下所示:

2.npm是node自带的一个工具,在命令行中使用可以快速安装node.js里面的模块,此时我们安装了一个名叫"express"的框架,用于运行本地服务器。

三、初始化项目

1. 打开vs code的终端,输入:

express myserver

cd myserver

npm install

作用分别是:用express框架创建一个项目名叫myserver、进入myserver目录、初始化myserver项目所需的文件(下载所需的js文件)。

2. 项目的express框架组成

项目创建成功之后,生成五个文件夹、主文件app.js配置信息文件packetage.json

bin是项目的启动文件,配置以什么方式启动项目,默认 npm start,其中的www文件用于启动服务

node_modules是文件所需的模块,在node.js中模块与文件是一一对应的,也就是说一个node.js文件就是一个模块,文件内容可能是我们封装好的一些JavaScript方法、JSON数据、编译过的C/C++拓展等,在关于node.js的误会提到过node.js的架构。其中http、fs、net等都是node.js提供的核心模块,使用C/C++实现,外部用JavaScript封装。怎么使外部访问这个module,我们知道客户端的JavaScript使用script标签引入JavaScript文件就可以访问其内容了,但这样带了的弊端很多,最大的就是作用域相同,产生冲突问题,以至于前端大师们想出了立即执行函数等方式,利用闭包解决。node.js使用exports和require对象来解决对外提供接口和引用模块的问题。

public是项目的静态文件,放置js、css、img等文件(html文件夹是我自己添加进去的,存放网页的,后期可能应该存放在views文件夹中)

routes是项目的路由信息文件,控制地址路由

views是视图文件,放置模板文件ejs或jade等(其实就相当于html形式的文件)

以上就是基于 express的MVC框架模式,是一个Web项目的基本构成

四、运行

1. 在终端进入bin目录,输入node www启动服务

2.在浏览器中输入http://localhost:3000/,这就是本地服务器的地址,访问成功出现以下页面

2. 访问项目中的网页,如登录网页login.html

此时,一个基于express框架的web项目便搭建好了~

参考链接:

/article/9c69d48ff3eb3d13c8024e7d.html

/imwtr/p/4350282.html

如果觉得《visual studio code搭建本地服务器(node.js+express)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。