vscode怎么搭建本地服务器

vscode怎么搭建本地服务器

一、安装node

二、安装express

打开终端,输入以下代码:

// 全局安装npm install express -g// 测试是否安装成功express -h// 安装如果出现问题,则运行npm install express-generator -g

登录后复制

三、创建项目文件夹

(1)步骤:

1、express myapp

10b7cb9ada02df3656beacf6073d35c.png

2、cd myapp

3、npm install

以上步骤说明:先创建项目文件夹myapp,进入该文件夹,初始化项目。

(2)express框架组成

ceeb5fff78b247d988513fb2d5318d7.png

说明:

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

node_modules是文件所需的模块。

public是项目的静态文件,放置js、css、img等文件。

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

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

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

四、运行

在vsCode中的终端输入:node ./bin/www 启动服务。

注意:node ./bin/www`这个路径在package.json文件看,自己安装时会有差别。

在浏览器中访问localhost:3000出现下图所示效果说明启动成功:

注意:3000端口号在bin 文件下的www文件中

5eb0dc82f1fd3f6c5dd1c9fe4baac12.png

相关文章教程推荐:vscode教程

以上就是vscode怎么搭建本地服务器的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3150312.html

(0)
上一篇 2025年3月30日 08:46:26
下一篇 2025年2月23日 08:23:54

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue3项目打包发布到服务器后访问页面显示空白怎么解决

    vue3项目打包发布到服务器后访问页面显示空白 1、处理vue.config.js文件中的publicpath 处理如下: const { defineConfig } = require(‘@vue/cli-service’)module…

    2025年3月30日 编程技术
    100
  • vscode怎么运行前端项目

    要在 VSCode 中运行前端项目,请执行以下步骤:设置 Node.js 环境,并安装 Node.js。创建项目,并使用 npm 安装依赖项。安装 Express.js,并创建 main.js 文件来启动开发服务器。打开 VSCode,配置…

    2025年3月30日
    100
  • 服务器推送事件的详细介绍

    服务器推送事件(server-sent events)是基于websocket 协议的一种服务器向客户端发送事件&数据的单向通讯。目前所有主流浏览器均支持服务器发送事件,当然除了 internet explorer 。2333&#8…

    编程技术 2025年3月29日
    100
  • 有关HTML5服务器推送事件的讲解

    这篇文章主要介绍了浅谈html5 服务器推送事件(server-sent events) ,具有一定的参考价值,有兴趣的可以了解一下 服务器推送事件(Server-sent Events)是基于WebSocket 协议的一种服务器向客户端发…

    编程技术 2025年3月29日
    100
  • phonegap本地存储详解

    这次给大家带来phonegap本地存储详解,phonegap本地存储的注意事项有哪些,下面就是实战案例,一起来看一下。 实例如下: Database Example document.addEventListener(“deviceread…

    编程技术 2025年3月29日
    100
  • H5的服务器推送事件详解

    这次给大家带来H5的服务器推送事件详解,服务器推送事件的事件有哪些,下面就是实战案例,一起来看一下。 服务器推送事件(Server-sent Events)是基于WebSocket 协议的一种服务器向客户端发送事件&数据的单向通讯。…

    编程技术 2025年3月29日
    100
  • H5怎么操作本地存储和本地数据库

    这次给大家带来H5怎么操作本地存储和本地数据库,H5操作本地存储和本地数据库的本地数据库有哪些,下面就是实战案例,一起来看一下。 本地存储 1.1 本地存储由来的背景 由于HTML4时代Cookie的大小、格式、存储数据格式等限制,网站应用…

    编程技术 2025年3月29日
    100
  • H5读取文件并上传到服务器的方法

    这次给大家带来H5读取文件并上传到服务器的方法,H5读取文件并上传到服务器的读取文件有哪些,下面就是实战案例,一起来看一下。 说明:使用Ajax方式上传,文件不能过大,最好小于三四百兆,因为过多的连续Ajax请求会使后台崩溃,获取Input…

    编程技术 2025年3月29日
    100
  • v-for怎么加载本地静态图片

    这次给大家带来v-for怎么加载本地静态图片,v-for加载本地静态图片的图片有哪些,下面就是实战案例,一起来看一下。 vue-cli 项目中本图片片放在assets目录下(原因vue-cli最开始的vue图片就在里面,就把所有图片放在里面…

    编程技术 2025年3月29日
    100
  • vscode开启无声通知的操作方法与步骤

    《vscode》开启无声通知的操作方法与步骤,具体是如何操作的呢,很多网友都不清楚,跟随小编去看看吧。 1.点击左下角的设置图标,找到settings选项 2.在右侧页面中点击Zen Mode按钮 3.最后在该栏目下,鼠标点击勾选silen…

    2025年3月29日
    100

发表回复

登录后才能评论