前提:
- 安装node和npm,安装方式:node.js安装配置方式
- 代码仓库管理工具相关地址上已新建一个空项目
1. 安装express
- 必须安装这个,不然创建express项目的时候会提示express命令没有找到
npm install -g express-generator
npm install -g express
- 'V’是大写的,如果express安装成功会显示版本号
express -V
2. VS code克隆项目
- 打开vs code
- 打开终端(可以用快捷键:ctrl+shift+`)
- 从代码管理工具克隆项目
git clone http:///xxxxx.git
3. 初始化一个express应用
express
- 生成后的express目录结构
- 目录结构简介
名称 | 作用 |
---|---|
app.js | 应用的初始化文件,包括引入应用程序的基础依赖项、设置视图即view的引擎目录以及模板、设置静态资源路径、配置通用的中间件、引入路由和一些错误处理中间件等。 |
package.json | 应用的配置文件,文件内包含程序的基础信息、启动脚本和依赖包等 |
bin/www | 应用的启动文件,文件内包含引用要启动的应用、设置应用监听的端口和启动http服务等。 |
public/** | 应用的静态资源文件目录,该目录下的文件资源不需要经过文件映射就可以直接访问。 |
routes/** | 应用的路由文件,这些路由文件中设置的接口最终会以指定的HTTP请求方式暴露给用户,并在用户请求之后将结果返回。 |
views | 应用的视图文件,在app.js中设置好视图引擎和模板之后,该目录即为应用视图的根目录,然后路由文件就会根据app.js中的设置加载并渲染该目录下的视图文件。 |
4. 应用启动
- 首先,先安装应用的依赖包
npm install
- 启动程序
npm run start
- 访问项目
浏览器输入地址localhost:3000,看到如下页面:
3000端口为bin/wwww文件,拷打应用默认监听的端口是3000
共有条评论 网友评论