VSCode设置Live Server https

S.BUS协议及编解码,C语言源码 1、简介 SBUS本质是一种串口通信协议,采用100K的波特率,8位数据位,两位停止位,偶效验,即8E2的串口通信。 值得注意的有三点: 1.SBUS采用负逻辑,所以无论接收还是发送都要进行硬件取反(注意,一定要硬件取反),电路如下 这是我在网上看资料时看到的电路,实际上我用的是下面这个电路 2.SBUS有两种模式, a.高速模式:每4ms发送一次 b... 阅读详情
AI摘要

该博客介绍了如何为Visual Studio Code(VSCode)配置HTTPS本地开发环境,包括使用OpenSSL生成测试证书、在阿里云申请免费SSL证书、安装LiveServer扩展、编辑setttings.json配置文件,并启动HTTPS服务。此外,还提到了浏览器访问时可能出现的安全警告及其对测试的影响。

一、准备证书

OpenSSL生成本地https测试证书
阿里云免费SSL证书申请

二、安装Live Server

在这里插入图片描述

三、配置setttings.json

setttings.json中增加一下配置

"liveServer.settings.https": {
    "enable": true,
    "cert": "C:\\cert\\server.pem", // 证书
    "key": "C:\\cert\\privkey.pem", // 私钥
    "passphrase": ""
},
// "liveServer.settings.host": "127.0.0.1", // IP  (可选)
// "liveServer.settings.port": 5500 // 端口 (可选)

四、启动https服务

在vscode左侧选择html文件,再在右下角点击Go Live启动服务
在这里插入图片描述

五、浏览器访问https地址

如果使用的是本地生成的证书会提示不安全,但是不影响测试使用也没关系
在这里插入图片描述

FICO F.27 Customer statement 打印 需求,定制化打印,替换标准的F.27打印 类似于采购订单的打印,但是略有不同,查阅资料之后步骤如下: T-code F.27 is SAP standard program to produce customer/vendor correspondence (letter). Correspondence Type is used to specify the related printing program and form for the particular correspondence. SAP 阅读详情

相关推荐

虚拟机Ubuntu连接USRP

笔记本通过网线连接USRP。

xiaozir的博客 2306

VsCode LiveServer 如何启用Https(SSL)

VsCode LiveServer 如何启用Https(SSL)

Mr.Striker 的技术博客 3919

find命令

命令是 Linux/Unix 系统中用于搜索文件和目录的强大工具,支持多种搜索条件组合,并能对搜索结果执行各种操作。以下是其详细说明、常用参数及示例: 搜索路径:指定起始目录(如 、 或 表示当前目录)。 查找条件:基于文件名、类型、大小、时间等属性过滤。 处理动作:对匹配结果执行操作(如打印、删除、执行命令等)。 常用参数及示例 1. 按名称查找 :区分大小写匹配文件名。 :不区分大小写匹配文件名。 2. 按文件类型查找 :指定文件类型。 文件类型: :普通文件 :目录 :符号链接

qiao2458的博客 1134

vscode插件 live-server配置https

live-server配置https

web那些事 1785

FPGA 学习系列(2):Verilog 语法基础

Verilog 由门级建模数据流建模行为建模门级建模(Gate Level Modeling):使用基本逻辑门描述电路,接近硬件物理结构。数据流建模(Data Flow Modeling):使用assign语句进行组合逻辑建模,类似数学方程式。行为建模(Behavioral Modeling):使用always代码块和if-elsecase等控制语句建模,抽象程度较高。Verilog 代码一般由模块(module)组成,每个模块描述一个独立的硬件功能。

Azperk的博客 988

从零开始搭建属于自己的语音识别API服务器(ASRT开源项目)

材料准备 云服务器 (本人使用的的是阿里云服务器 Ubuntu(Linux操作系统)) 环境搭建 1. Python 3.7 话不多说直接上代码 sudo su yum -y install git yum -y install gcc yum -y install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gdbm-devel db4-devel libpcap-deve

zhi_qian的博客 5647

vscode vue搭建https服务

在VSCode中搭建Vue项目的HTTPS服务,你可以使用Vue CLI创建项目,并配置一个本地的HTTPS服务器。以下是步骤和示例代码:注意:如果已有一个vue项目,请移步4;如果已安装。

qq_35139974的博客 1716

Android 13 wificond讲解

Android 13 wificond讲解

专业开发者的博客,一个从事Android WiFi和蓝牙的工程师 2932

【VSCode】在 VSCode 中运行 HTML 页面并通过 HTTPS 访问

在 Visual Studio Code 中运行 HTML 页面并通过 HTTPS 访问

姜太小白的博客 1880

本地通知与健康数据的隐私保护方案

随着移动健康(mHealth)应用的普及,本地通知与健康数据的结合为用户提供了更加个性化的健康管理体验。然而,这种便利性也带来了严峻的隐私保护挑战。本文旨在探讨如何在移动应用中实现本地通知功能的同时,确保用户健康数据的隐私安全。本地通知与健康数据结合的技术架构隐私保护的核心技术方案具体算法实现与数学模型实际应用案例分析本文首先介绍背景知识和核心概念,然后深入探讨隐私保护的技术方案,包括算法原理和数学模型。接着提供实际代码实现和应用场景分析,最后讨论未来发展趋势和挑战。

移动开发前沿的博客 1309

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

超详细的VSCode下载和安装教程(非常详细)从零基础入门到精通,看完这一篇就够了。

如果你是用其他浏览器,可能使用其他方式跳转到下载内容页面。将替换后的地址输入到浏览器的地址栏中,如下图所示,按。如果你不想更换到其他盘符,可以直接下一步即可。的内存不够用了,需要更换到其他盘符,我更换到。的全部显示按钮,可以跳转到下载内容页面。运行前端代码时,发现不太好打断点。如果下载完成,那得等到猴年马月。来运行前端代码,但前提是要安装。下载速度特别慢的问题。速度是不是立刻提升了。

leah126的博客 26万+

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

vscode-live-server高级功能:代理设置和HTTPS配置完整指南

想要在开发环境中模拟真实的生产服务器配置吗?vscode-live-server提供了强大的代理设置和HTTPS配置功能,让你能够在本地开发时体验完整的前后端分离架构。这份终极指南将带你深入了解如何配置这些高级功能,让你的开发工作流程更加专业高效!🚀 ## 为什么需要代理和HTTPS功能? 在现代化Web开发中,前后端分离已成为主流架构。前端开发人员常常需要连接到后端API服务器进行数据交互

gitblog_00494的博客 585

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

vscode-live-server终极安全配置指南:CORS和HTTPS设置最佳实践

想要在本地开发环境中确保项目安全吗?vscode-live-server提供了强大的安全配置功能,让你轻松设置CORS和HTTPS,保护开发过程中的数据安全。本文将为你详细介绍vscode-live-server的安全配置最佳实践,让你的开发环境更加安全可靠。 ## 🛡️ 为什么需要安全配置 在本地开发服务器中,安全配置同样重要。CORS(跨域资源共享)设置可以控制哪些域名可以访问你的资源,

gitblog_00702的博客 814

vscode-live-server设置详解:30+配置选项完全攻略

vscode-live-server是VS Code中最受欢迎的本地开发服务器插件,拥有超过30个丰富的配置选项,可以帮助开发者快速搭建本地开发环境并实现实时热重载功能。本文将为你详细解析所有设置选项,助你成为配置高手!🚀 ## 🔧 基础服务器设置 ### 端口与根目录配置 **liveServer.settings.port** - 自定义服务器端口号,默认值为5500,设置为0可获取

gitblog_00648的博客 1484

VSCode Live Server 完整使用指南:实现高效前端开发实时预览

VSCode Live Server 是前端开发者的终极利器,它能够为静态和动态页面启动一个具有实时重载功能的本地开发服务器。无论你是初学者还是资深开发者,这款插件都能显著提升你的开发效率,让你告别手动刷新浏览器的繁琐操作。🚀 ## 为什么选择 VSCode Live Server? VSCode Live Server 的核心功能是**实时预览**,当你修改 HTML、CSS 或 Java

gitblog_00043的博客 1020

20个vscode-live-server专业技巧:提升前端开发效率的终极指南

vscode-live-server是一款强大的VS Code扩展,能够快速启动本地开发服务器并提供实时重载功能,支持静态和动态页面开发。本文将分享20个专业技巧,帮助前端开发者充分利用这款工具提升开发效率,从基础配置到高级功能,全方位掌握vscode-live-server的使用方法。 ## 一、基础配置优化 ### 1. 自定义端口号避免冲突 默认情况下,live-server使用5500

gitblog_00229的博客 959

终极指南:如何快速安装和配置vscode-live-server的10个步骤

vscode-live-server是Visual Studio Code中一款强大的本地开发服务器插件,为静态和动态页面提供实时重载功能。这个简单易用的工具能够自动检测文件变化并在浏览器中即时刷新,极大提升前端开发效率。无论你是初学者还是经验丰富的开发者,掌握vscode-live-server的使用都能让你的开发工作更加流畅。🎯 ## 1. 安装vscode-live-server插件

gitblog_00052的博客 796

VSCode Live Server 终极配置指南:快速搭建实时开发环境 [特殊字符]

想要**快速搭建前端开发环境**吗?VSCode Live Server 插件是您的最佳选择!这个强大的开发工具能够为静态和动态页面启动带有**实时重载功能**的本地开发服务器,让您的开发效率提升数倍。无论您是前端新手还是资深开发者,这份完整配置指南都将帮助您轻松掌握这个必备工具。 ## 什么是 VSCode Live Server? VSCode Live Server 是一款专为前端开发设

gitblog_00081的博客 977

VSCode 插件 live-server 配置 HTTPS:TaoToken 统一 Key 通道下的本地调试骨架

VSCode 插件 live-server 配置 HTTPS 本地调试:固定端口 8888、生成自签证书、在 settings.json 中开启 https 并指定 cert/key 路径,即可让 getUserMedia、Service Worker 等 Secure Context API 正常跑通。接口调用统一走 TaoToken 通道,调试 Key 单独管理,官网 https://taotoken.net/?utm_source=taotoken_aicg_blog_end 可查文档与控制台。

weixin_42612405的博客 18

终极指南:3分钟快速上手VSCode Live Server,告别手动刷新浏览器

Live Server是Visual Studio Code中最受欢迎的前端开发服务器插件,它提供了一个具备实时重载功能的本地开发服务器环境。无论你是前端开发新手还是资深开发者,这款免费工具都能大幅提升你的编码效率,让你彻底告别手动刷新浏览器的繁琐操作,专注于代码创作本身。 ## 🚀 为什么你需要Live Server? 在前端开发中,最耗时的操作之一就是不断地修改代码、保存文件、切换窗口、

gitblog_01023的博客 493

5分钟快速上手Live Server:免费的前端实时预览开发神器

Live Server是Visual Studio Code中最受欢迎的前端开发工具,它能为你提供具备实时重载功能的本地服务器环境。无论你是刚刚入门的前端新手还是经验丰富的开发者,这款免费工具都能让你的开发效率提升数倍,让你彻底告别手动刷新浏览器的繁琐操作。 ## 为什么你需要Live Server? 在前端开发过程中,最浪费时间的就是反复修改代码、保存文件、切换窗口、刷新浏览器查看效果。Li

gitblog_00873的博客 811

Live Server终极指南:3分钟掌握VSCode实时预览开发神器

Live Server是Visual Studio Code中最受欢迎的前端开发服务器插件,它提供了具备实时重载功能的本地服务器环境。无论你是前端开发新手还是资深开发者,这款免费工具都能大幅提升你的编码效率,让你彻底告别手动刷新浏览器的繁琐操作,专注于代码创作本身。 ## 1. 项目价值与核心优势 🚀 Live Server的核心价值在于**实时预览**和**自动重载**功能,它彻底改变了前

gitblog_01005的博客 142

VSCode Live Server 完全使用指南

VSCode Live Server 是一款功能强大的Visual Studio Code扩展插件,为前端开发者提供带有实时重载功能的本地开发服务器。该插件支持静态和动态页面的实时预览,能够显著提升开发效率。 ## 项目概述 VSCode Live Server 由Ritwick Dey开发,主要功能包括: - 快速开发环境搭建 - 浏览器实时刷新 - 多根工作区支持 - 自定义端口和服务器根

gitblog_00924的博客 1150

终极性能优化指南:vscode-live-server减少CPU占用的7个有效方法 [特殊字符]

vscode-live-server是VS Code中最受欢迎的本地开发服务器扩展,拥有实时重载功能,能够为静态和动态页面提供即时预览体验。然而随着项目规模扩大,很多开发者发现live-server会占用过多CPU资源,影响开发效率。本文将为您揭秘7个有效的性能优化方法,让您的开发服务器运行更加流畅高效! ## 🔧 1. 合理配置实时重载延迟时间 vscode-live-server默认的实

gitblog_00018的博客 392

vscode-live-server终极故障排除指南:10个高频问题快速修复技巧

vscode-live-server是VS Code中最受欢迎的实时重载开发服务器插件,能够为静态和动态页面提供带实时重载功能的本地开发服务器。但在使用过程中,很多开发者会遇到各种常见问题,今天我们就来分享10个高频故障的快速解决方案。🚀 ## 1. 端口占用冲突问题 这是最常见的问题之一,当5500端口被占用时,vscode-live-server无法启动。解决方法很简单: - 在项目根

gitblog_00868的博客 537

server vscode中的live_vscode-Live Server的使用心得

一,安装Live Server插件(不详细说明了)二,开启Server(服务)有四种方式:在窗口的最底部有Go Live可以点击,一旦点击,就会自动在浏览器中打开HTML文件在HTML文件中右键,然后点击open live server快捷键(alt+L, O)打开服务 (alt+L, C)关闭服务按F1,然后在输入栏中输入Live Server: Open Live Servert...

weixin_39872334的博客 2846
上一篇: OpenSSL生成本地https测试证书
下一篇: Nodejs koa2使用koa2-proxy-middleware实现代理
lihefei_coder
博客等级 码龄10年 180粉丝 293原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值