dtcms插件 mysql视频 Nmap elasticsearch dom flash printing uwp transactions jquery获取下一个元素 db2从入门到精通 查看oracle连接数 mysql更新多个字段 css面试题 dplayer不能全屏 爬虫数据清洗 kubernetes视频教程 数据库查询 python查找指定字符 python的开发工具 java基础入门 javasocket通信 java接口怎么写 java怎么写接口 java环境包 java截取 linux系统安装 微信签名一句话至自己 winterboard bbm注册 修改ip地址软件 灰色按钮激活精灵 python图片处理 html5制作 绘图软件下载 血dk属性 优酷app播放器下载 cad多段线线宽设置 齐论工具箱 极速傲引擎
当前位置: 首页 > 学习教程  > 编程语言

创建第一个nodejs web项目express

2020/7/24 10:46:31 文章标签:

前提:

  • 安装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


本文链接: http://www.dtmao.cc/news_show_50334.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?