最简单的Node.js服务器就是:
$ npm install http-server -g
现在你可以通过以下命令运行服务器:
$ cd MyApp
$ http-server
如果你使用的是NPM 5.2.0或更新版本,你可以使用http-server而不用安装npx。不建议在生产中使用,但这是快速让服务器在本地主机上运行的好方法。
$ npx http-server
或者,你可以试试这个,打开你的网络浏览器,启用CORS请求:
$ http-server -o --cors
如需更多选项,请查看GitHub上的http-server文档,或运行:
$ http-server --help
NodeJitsu还有很多其他不错的特性和非常简单的部署。
特色餐叉
当然,您可以轻松地用自己的fork充值这些功能。你可能会发现这个项目现有的800多个分支中的一个已经完成了:
https://github.com/nodeapps/http-server/network
轻服务器:一个自动刷新的选择
一个很好的http-server替代方案是light-server。它支持文件监视和自动刷新以及许多其他功能。
$ npm install -g light-server
$ light-server
添加到Windows资源管理器中的目录上下文菜单
reg.exe add HKCR\Directory\shell\LightServer\command /ve /t REG_EXPAND_SZ /f /d "\"C:\nodejs\light-server.cmd\" \"-o\" \"-s\" \"%V\""
简单JSON REST服务器
如果您需要为原型项目创建一个简单的REST服务器,那么json-server可能就是您要找的。
自动刷新编辑器
大多数网页编辑器和IDE工具现在都包含一个网络服务器,它可以监视你的源文件,并在它们更改时自动刷新你的网页。
我使用Visual Studio代码Live服务器。
开源文本编辑器括号还包括一个NodeJS静态web服务器。只要打开括号中的任何HTML文件,按“实时预览”,它就会启动一个静态服务器,并在页面上打开浏览器。当您编辑和保存HTML文件时,浏览器将自动刷新。这在测试自适应网站时尤其有用。在多种浏览器/窗口大小/设备上打开HTML页面。保存您的HTML页面,并立即查看您的自适应内容是否工作,因为它们都自动刷新。
Web / SPA / PWA /移动/桌面/浏览器Ext Web开发人员
一些SPA框架包括一个内置的Webpack DevServer版本,可以检测源文件的更改,并触发SPA或PWA web应用程序的增量重建和补丁(称为热重新加载)。以下是一些流行的SPA框架可以做到这一点。
VueJS开发者
对于VueJS开发人员来说,最喜欢的是Quasar Framework,它包括了Webpack DevServer的开箱即用开关,以支持服务器端呈现(SSR)和代理规则,以解决CORS问题。它包括大量优化的组件,旨在适应移动和桌面。这些允许您为所有平台构建一个应用程序(SPA, SPA+SSR, PWA, PWA+SSR, Cordova和电容器移动AppStore应用程序,电子桌面节点+VueJS应用程序,甚至浏览器扩展)。
另一个流行的是NuxtJS,它也支持静态HTML/CSS代码生成,以及其他UI组件套件的插件的SSR或no-SSR构建模式。
React框架开发人员
ReactJS开发人员还可以设置热重载。
Cordova/电容器+离子框架开发人员
Iconic是一个仅用于移动设备的混合组件框架,现在支持VueJS、React和Angular开发。ionic工具内置了一个具有自动刷新功能的本地服务器。只需从应用程序文件夹中运行ionic serve即可。更好的是……ionic serve -lab用于查看iOS和Android的自动刷新视图。