?利用Vite插件助力证书安装

Posted 2022-11-04

1. 前言

在以前的一篇文章中讲述了在前端开发时通过配置自签名证书来完成必须使用HTTPS协议才能工作的功能。那么当你同时需要在手机端预览的时候，可能就要将公钥证书也安装到手机上了，但无论你通过什么方式将证书发送到手机中都不如我写的这个Vite插件使用着方便，那么一起来看一下我是怎么做的~

2. 添加调试Vite环境配置

在Vue.js开发时一般都在程序中通过debugger关键字来中断程序进行调试就可以搞定大多数的问题，但很少会直接断点调试构建脚本，那么请按照下面的4步来配置调试环境，以便更好的完成后面插件的开发~

1. 在项目根目录创建名为.vscode/launch.json调试环境配置文件；
2. 在调试窗口右下角点击添加配置，并选择 Node.js：Launch via NPM；

3. 调整增加的 Launch via NPM 配置以适合当前项目：

4. 在vite.config.ts的起始位置打断点后通过调试窗口运行 Launch via NPM 配置，运行成功后将停留的目标断点处；

到这里就成功进入断点了，怎么样，你配置好了吗~