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项目便搭建好了~

参考链接：

https://jingyan.baidu.com/article/9c69d48ff3eb3d13c8024e7d.html

http://www.cnblogs.com/imwtr/p/4350282.html

转载于:https://www.cnblogs.com/qinsafefy/p/9389665.html

visual studio code搭建本地服务器（node.js+express）相关推荐

Visual Studio Code搭建TypeScript开发环境
转载 http://www.cnblogs.com/sunjie9606/p/5945540.html 使用Visual Studio Code搭建TypeScript开发环境 1.TypeScrip ...
使用Visual Studio Code搭建TypeScript开发环境
使用Visual Studio Code搭建TypeScript开发环境 1.TypeScript是干什么的 ? TypeScript是由微软Anders Hejlsberg(安德斯·海尔斯伯格,也是 ...
Visual Studio Code搭建NodeJs的开发环境
一.Visual Studio Code搭建NodeJs的开发环境 1.下载安装NodeJs并配置环境变量可以参考:NodeJs的安装和环境变量配置 2.下载安装 VS Code编辑器可以参考:V ...
visual studio code远程连接服务器
写在前边我配置过程中遇到的问题 (1)连接服务器时,弹出来的是下图内容, 而网上找到的大多数配置教程连接服务器,弹出来是以下框. (2)选择其中一个(Linux/Windows/macOS)之后,终 ...
Windows10下利用Visual Studio Code搭建C语言开发环境
Windows10下利用Visual Studio Code搭建C语言开发环境 1. 前言 2. 下载安装VSCode以及MinGW 2.1 下载安装VSCode 2.2 下载安装MinGW-w64 ...
Visual Studio Code搭建Java环境
使用Visual Studio Code搭建Java环境第一步先下载我们可以到Visual Studio Code官方下载进入后我们会看到下载好后我们解压解压后进入文件夹下->新建文件 ...
Visual Studio Code搭建PHP调试环境
使用Visual Studio Code搭建PHP调试环境一.需要安装的软件 Visual Studio Code安装可以参照博文: https://blog.csdn.net/qq_3419550 ...
visual studio code搭建Java环境 - 一步一个脚印详细教程
visual studio code搭建Java环境一.软件安装二.添加环境变量三.vscode配置 1.软件本身设置 2.编译环境配置后记一.软件安装 visual studio code ...
Windows下使用Visual Studio Code搭建Go语言环境
1.安装GO语言下载地址: https://golang.org/dl/ Windows下直接运行安装GO语言即可. 安装成功. 安装完毕GO语言后,需要添加GOPATH环境变量 ,指向自己的 ...

visual studio code搭建本地服务器（node.js+express）

visual studio code搭建本地服务器（node.js+express）相关推荐

最新文章

热门文章