Prompt IDE - 版本历史

2024年1月16日 (二) 11:41 Riguz

2024-01-16T11:41:53Z

←上一版本		2024年1月16日 (二) 11:41的版本
第7行：		第7行：

	于是为了解决这个问题，能够更愉快地测试提示词，笔者撸了一个Vs Code插件——Prompt IDE。目前，尽管缺胳膊少腿，Prompt IDE初具雏形。在这个有趣的过程中，学习到了Vs Code插件开发的一些技巧，也对Vs Code的强大有了更深的认知，在这里简单总结一下。		于是为了解决这个问题，能够更愉快地测试提示词，笔者撸了一个Vs Code插件——Prompt IDE。目前，尽管缺胳膊少腿，Prompt IDE初具雏形。在这个有趣的过程中，学习到了Vs Code插件开发的一些技巧，也对Vs Code的强大有了更深的认知，在这里简单总结一下。

			[[Image:Prompt IDE demo.gif\|class=fixed-600]]

	= 项目起源 =		= 项目起源 =

Riguz：/* 总结 */

2024-01-16T11:37:21Z

总结

←上一版本		2024年1月16日 (二) 11:37的版本
第487行：		第487行：
	本文初略总结了一些Prompt IDE插件实现的原理和一些难点，虽然并没有十分复杂的技术点，但有一定的学习成本。		本文初略总结了一些Prompt IDE插件实现的原理和一些难点，虽然并没有十分复杂的技术点，但有一定的学习成本。
	现在，Prompt IDE已经发布了pre-release供尝鲜，可以在Vs Code插件中搜索或者在[https://marketplace.visualstudio.com/items?itemName=riguz.prompt-ide Marketplace]上下载。		现在，Prompt IDE已经发布了pre-release供尝鲜，可以在Vs Code插件中搜索或者在[https://marketplace.visualstudio.com/items?itemName=riguz.prompt-ide Marketplace]上下载。

			受限于笔者的水平、经验和精力，错误和不足之处在所难免，欢迎大家交流和PR。

Riguz：/* 总结 */

2024-01-16T11:35:45Z

总结

←上一版本		2024年1月16日 (二) 11:35的版本
第484行：		第484行：

	= 总结 =		= 总结 =

			本文初略总结了一些Prompt IDE插件实现的原理和一些难点，虽然并没有十分复杂的技术点，但有一定的学习成本。
			现在，Prompt IDE已经发布了pre-release供尝鲜，可以在Vs Code插件中搜索或者在[https://marketplace.visualstudio.com/items?itemName=riguz.prompt-ide Marketplace]上下载。

Riguz：/* 在插件中使用本地图片 */

2024-01-16T11:29:38Z

在插件中使用本地图片

@@ 第445行： / 第445行： @@
 </syntaxhighlight>
-== 在插件中使用本地图片 ==
+== 在插件中使用本地字体图片 ==
 = 总结 =

Riguz：/* CSP 与自定义资源加载 */

2024-01-16T11:18:48Z

CSP 与自定义资源加载

←上一版本		2024年1月16日 (二) 11:18的版本
第437行：		第437行：
	<!-- https://github.com/microsoft/vscode-extension-samples/blob/main/custom-editor-sample/src/catScratchEditor.ts -->		<!-- https://github.com/microsoft/vscode-extension-samples/blob/main/custom-editor-sample/src/catScratchEditor.ts -->
	<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src ${webview.cspSource}; style-src ${webview.cspSource}; script-src 'nonce-${nonce}';">		<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src ${webview.cspSource}; style-src ${webview.cspSource}; script-src 'nonce-${nonce}';">
			</syntaxhighlight>

			如果我们要调用外部的API，那么也必须要添加到CSP中，例如：

			<syntaxhighlight lang="bash">
			connect-src https://api.openai.com https://api.minimax.chat;
	</syntaxhighlight>		</syntaxhighlight>

Riguz：/* CSP 与自定义资源加载 */

2024-01-16T11:14:59Z

CSP 与自定义资源加载

←上一版本		2024年1月16日 (二) 11:14的版本
第429行：		第429行：
	[[Image:Mock Message.png\|600px]]		[[Image:Mock Message.png\|600px]]

	== CSP 与自定义资源加载 ==		== CSP 与自定义资源加载 ==
			在WebView中并不是什么都能做，插件通过Content Security Policy (CSP)对css、js、字体、请求调用等做了限制。这相当于定义了一个白名单，指定那些资源可以在WebView中访问，当然这样做的目的主要是为了安全起见。

			例如，微软提供的例子中是这样定义CSP的：

			<syntaxhighlight lang="html">
			<!-- https://github.com/microsoft/vscode-extension-samples/blob/main/custom-editor-sample/src/catScratchEditor.ts -->
			<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src ${webview.cspSource}; style-src ${webview.cspSource}; script-src 'nonce-${nonce}';">
			</syntaxhighlight>

	== 在插件中使用本地图片 ==		== 在插件中使用本地图片 ==

	= 总结 =		= 总结 =

Riguz：/* 如何快速调试WebView */

2024-01-16T11:08:57Z

如何快速调试WebView

←上一版本		2024年1月16日 (二) 11:08的版本
第425行：		第425行：
	</syntaxhighlight>		</syntaxhighlight>

	但是，如果要调试一些带有状态待页面，比如加载一个文档，那么就需要通过<syntaxhighlight lang="bash" inline>window.postMessage</syntaxhighlight>~~即可模拟vscode发送消息了：~~		但是，如果要调试一些带有状态待页面，比如加载一个文档，那么就需要通过<syntaxhighlight lang="bash" inline>window.postMessage</syntaxhighlight>模拟vscode发送消息了：

	[[Image:Mock Message.png\|600px]]		[[Image:Mock Message.png\|600px]]

Riguz：/* 如何快速调试WebView */

2024-01-16T11:08:03Z

如何快速调试WebView

←上一版本		2024年1月16日 (二) 11:08的版本
第425行：		第425行：
	</syntaxhighlight>		</syntaxhighlight>

	~~但是，如果要调试一些带有状态待页面，比如加载一个文档，那么就需要模拟vscode发送消息了：~~		但是，如果要调试一些带有状态待页面，比如加载一个文档，那么就需要通过<syntaxhighlight lang="bash" inline>window.postMessage</syntaxhighlight>即可模拟vscode发送消息了：

	[[Image:Mock Message.png\|600px]]		[[Image:Mock Message.png\|600px]]

Riguz：/* 如何快速调试WebView */

2024-01-16T11:06:29Z

如何快速调试WebView

@@ 第413行： / 第413行： @@
 = 一些Vs Code插件开发的经验 =
 == 如何快速调试WebView ==
 == CSP 与自定义资源加载 ==

Riguz：/* 后台隐藏时Web页面销毁的问题 */

2024-01-16T10:59:29Z

后台隐藏时Web页面销毁的问题

←上一版本		2024年1月16日 (二) 10:59的版本
第410行：		第410行：
	);		);
	</syntaxhighlight>		</syntaxhighlight>

			= 一些Vs Code插件开发的经验 =
			== 如何快速调试WebView ==

			== CSP 与自定义资源加载 ==

			== 在插件中使用本地图片 ==

			= 总结 =

Prompt IDE - 版本历史

2024年1月16日 (二) 11:41 Riguz

Riguz：​/* 总结 */

Riguz：​/* 总结 */

Riguz：​/* 在插件中使用本地图片 */

Riguz：​/* CSP 与自定义资源加载 */

Riguz：​/* CSP 与自定义资源加载 */

Riguz：​/* 如何快速调试WebView */

Riguz：​/* 如何快速调试WebView */

Riguz：​/* 如何快速调试WebView */

Riguz：​/* 后台隐藏时Web页面销毁的问题 */

Riguz：/* 总结 */

Riguz：/* 总结 */

Riguz：/* 在插件中使用本地图片 */

Riguz：/* CSP 与自定义资源加载 */

Riguz：/* CSP 与自定义资源加载 */

Riguz：/* 如何快速调试WebView */

Riguz：/* 如何快速调试WebView */

Riguz：/* 如何快速调试WebView */

Riguz：/* 后台隐藏时Web页面销毁的问题 */