Sciter.JS在Windows下的环境搭建过程
<p>最近折腾了很多C++ GUI，感觉没有前端或者移动端的UI来的痛快~<br>最近找到了这个叫做 Sciter.JS 的可嵌入式的HTML/CSS/JS 引擎，<br>
可以使用前端的逻辑来为C++程序写GUI！<br>
这很有趣~<br>
下面是在Windows X64平台使用 VS2022 与 Sciter.JS SDK 搭建 C++ HelloWorld的简单过程！</p>
<h2 id="环境搭建过程">环境搭建过程</h2>
<h3 id="1-下载sciterjs-sdk">1. 下载Sciter.JS sdk</h3>
<h3 id="2-解压sdk后设置windows环境变量">2. 解压SDK后设置Windows环境变量</h3>
<p>例如解压到 D:\SDKs\sciter-sdk<br>
添加Windows环境变量<br>
SCITERSDK 的值为 D:\SDKs\sciter-sdk</p>
<h3 id="3-下载visual-studio项目模板">3. 下载Visual Studio项目模板</h3>
<p>这个项目模板 可以在 VS2022 中跑<br>
解压后 用 VS2022 打开项目</p>
<h3 id="4-修改配置">4. 修改配置</h3>
<p>修改 输出目录 和 中间目录 为你想要的目录！<br>
修改C++语言标准 为 你想要的版本<br>
<img src="https://img2024.cnblogs.com/blog/663279/202506/663279-20250624182756943-1551524484.jpg" alt="image" loading="lazy"></p>
<p>修改 DPI感知<br>
<img src="https://img2024.cnblogs.com/blog/663279/202506/663279-20250624185145497-292062682.jpg" alt="image" loading="lazy"></p>
<h3 id="重新添加-sciter-maincpp">重新添加 sciter-main.cpp</h3>
<p>sciter-main.cpp 右键 - 移除<br>
<img src="https://img2024.cnblogs.com/blog/663279/202506/663279-20250624190045338-1769316015.jpg" alt="image" loading="lazy"></p>
<p>Source Files 右键 - 添加 - 现有项<br>
<img src="https://img2024.cnblogs.com/blog/663279/202506/663279-20250624190054094-438328885.jpg" alt="image" loading="lazy"></p>
<p>选择SDK\include 下的 sciter-main.cpp 文件！</p>
<h3 id="关于-pack-resourcesbat-文件">关于 pack-resources.bat 文件</h3>
<blockquote>
<p>并运行它。它应在同一文件夹中创建文件resources.cpp。<br>
这是包含 /res/ 文件夹中的资源的压缩二进制 blob。<br>
注意：每次更改 /res/ 文件夹中的内容时，您都需要运行该 .bat 文件。<br>
您可以在 VS 中添加pack-resources.bat调用作为项目编译步骤。</p>
</blockquote>
<p>实际上这个VS项目模板已经配置了！<br>
<img src="https://img2024.cnblogs.com/blog/663279/202506/663279-20250624191057618-314622711.jpg" alt="image" loading="lazy"></p>
<h3 id="编译-与-运行">编译 与 运行</h3>
<p>编译后前往编译后的目录！会出现 hellocpp.exe ！但是无法运行！</p>
<p><img src="https://img2024.cnblogs.com/blog/663279/202506/663279-20250624192454530-370514335.jpg" alt="image" loading="lazy"></p>
<p>需要将 SDK 目录中的 dll放到这个目录下才正常运行！<br>
比如 我将 D:\SDKs\SciterJS\6.0.1.10\bin\windows\x64\sciter.dll 文件复制到 编译后的目录下！<br>
即可正常运行！</p>
<p><img src="https://img2024.cnblogs.com/blog/663279/202506/663279-20250624192501062-1392294786.jpg" alt="image" loading="lazy"></p>
<h3 id="参考来源">参考来源</h3>
<blockquote>
<p>Hello C++ – 如何在 20 分钟左右的时间内将 Sciter 嵌入到您的应用程序中。<br>
Microsoft Visual Studio HelloWorld – 创建基于 Sciter 的 C++ 项目的详细步骤。</p>
</blockquote><br><br>
来源：https://www.cnblogs.com/letleon/p/18946665
頁:
[1]