能够制作网页的软件_免费学习网站建设_企业网站优化工具_今日热榜官网

背景：前端有时候需要在本地搭建https环境测试某些内容（如https下访问http资源，下载）

步骤：

1.vscode集成开发软件(应该所有前端开发同学都安装了，我用webstorm，vscode备用)

2.vscode安装live-server插件

3.live-server插件配置固定端口，用于生成固定的ssl证书

setting.json添加

 "liveServer.settings.port": 8888

4.在线生存ssl证书

本教程用的是（https://bkssl.com/ssl/selfsign）

5.下载cer文件，并修改扩展为cert;下载证书秘钥到本地

6.配置live-server 添加https配置

    "liveServer.settings.https": {"cert": "本地路径\\127.0.0.1_sign.cert","key": "本地路径\\127.0.0.1_private.key","enable": true}

7.重启live-server或者vscode

8.浏览器访问，会提示不安全，但不影响测试

https://127.0.0.1:8888/