前端搭建本地服务器

前端搭建本地服务器,第1张

前端使用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

简单实用的前端部署, 一条命令搞定, 省去繁琐的步骤!

主要是** nodejs shelljs(命令行命令)node-ssh(连接服务器)**

项目git 地址

(这个git项目是我自己搭的一个比较low的vue脚手架,集成ts)

(第一次写文章, 文笔不行, 多多包涵,有不对的地方尽管指出)

(主要看 自动部署 在 upload 目录 )

npm 或 cnpm i chalk ora shelljs node-ssh inquirer compressing -D

大功告成~~

咳咳, 放心, 不会有公众号啥广告, 也不会求打赏, 如果您觉得对您有一点点帮助 点个赞或者去GitHub点个star 那就非常感谢了

项目git 地址


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/740911.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-13
下一篇2023-08-13

发表评论

登录后才能评论

评论列表(0条)

    保存