前端搭建本地服务器

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端搭建本地服务器相关的知识,希望对你有一定的参考价值。

参考技术A 前端使用vscode编辑器,安装live serve插件
然后在vscode编辑器的右下角有 Go live 按钮,点击自动启动本地服务器

右键,使用Live Server打开;

1. 安装node.js;
2. 安装http-server
http-server详细介绍,包括参数等: https://www.npmjs.com/package/http-server
在命令行中安装到全局(-g表示安装到全局,之后所有文件夹路径下输入http-server都可以使用):
操作: 运行cmd + 输入以下命令:npm install http-server -g (可能会出现权限问题,在npm前加上sudo)
3. 开启服务
进入目标文件夹(也就是需要启动服务的文件夹),shfit+右键 —— “在此处打开Powershell窗口”,输入如下命令:
hs -o (等同于 http-server -open)
本地服务器就启动起来了,默认端口为8080。
遇到问题:端口被占用,修改端口:hs -o -p 8888
完毕!!

1、安装全局anywhere,npm install anywhere -g
2、cmd中进入要启动本地服务器的静态文件夹,执行命令:anywhere;
3、anywhere的网址: https://www.npmjs.com/package/anywhere

以上是关于前端搭建本地服务器的主要内容,如果未能解决你的问题,请参考以下文章

web前端效率提升-nginx+nodejs搭建本地生态

Node-anywhere 搭建了一个本地服务器环境

iOS:搭建本地的服务器

本地搭建http-server服务器

浅谈本地服务器的搭建(XAMPP)

json server的简单使用(附:使用nodejs快速搭建本地服务器)