1、先右键你要搭建的文件夹,选择在集成终端中打开
2、下载安装express:
命令行语句:npm i express-generator -g
出现express版本后表示安装成功
2、创建express项目:
命令行语句:express 项目名称
注:如果创建项目失败,找到系统的Windows PowerShell
,用管理员身份运行,再打开脚本命令行窗口,输入set-ExecutionPolicy RemoteSigned
回车,如果选项中有A
则输入A
,没有A
选项,则输入y
,回车后,关闭窗口,重启VSCode。
项目文件解释
bin
:存放服务器配置文件。www
:服务器配置文件,在其中编写服务器配置信息(没特殊情况,不允许修改)。
public
:存放项目的公共资源。- 公共资源:可以被用户访问的资源(浏览器可以从服务器上直接请求到的资源)。
- 比如:html、css、js、图片等。
routes
:存放路由配置文件。- 存放后端程序代码。
views
:存放模板文件。app.js
:项目启动入口文件。执行该文件后,可以启动服务器,服务器启动后,项目资源就可被用户访问(浏览器请求)。package.json
:管理项目包的配置文件。
express初体验
-
创建目标项目
express firstExpress
-
下载express项目依赖的第三方包(保证在目标
package.json
文件所属的上层文件夹中执行以下命令)-
cd
firstExpress
-
npm i
-
-
创建项目首页
-
配置启动信息
删除app.js
中最后一行module.exports = app;
- 在
app.js
中最后部分添加以下代码:(查看系统端口占用情况netstat -ano
)app.listen(端口号,服务器启动成功时调用的函数);
-
启动服务器
node app.js
关闭服务器可以选择关闭当前终端或者输入ctrl+c
7.用户就可以通过浏览器来访问服务器资源了
http://主机:端口号/资源路径
eg:http://127.0.0.1:3000/html/index.html
注意:
如果没指定资源路径,服务器会默认从public
文件夹中查找index
文件作为请求资源;