有没有办法基于 Svelte 和 Typescript 创建一个 NeutralinoJS 项目?

Is there a way to create a NeutralinoJS project based on Svelte and Typescript?

我需要创建一个 neutralino+svelte+ts 项目,我注意到它在旧版本中是可能的(neutralino-cli@1.8.1) but nothing similar is described in newest version of neutralino。我已经尝试 运行 在最新的 neutralino 版本中相同版本 1.8.1 (neu create myapp --template svelte) 中描述的命令,但我收到错误:

neu: ERROR Unable to download resources from internet. Please check your internet connection and template URLs.

我尝试了不同类型的模板(tsjs),结果相同。

我也尝试过 运行 命令 neu create myapp --template neutralinojs/neutralinojs-svelte(同样的错误)。

知道怎么做吗?

无需任何专用模板即可完成,非常简单易行。

基本上,您需要在同一根文件夹中并排创建一个 Neutralino 应用程序和一个 Svelte 应用程序,然后进行一些配置以使它们协同工作。

详细步骤:

  1. 按照 Neutralino 文档创建一个 Neutralino 应用程序:https://neutralino.js.org/docs/getting-started/your-first-neutralinojs-app。确保您可以 运行 并按照教程进行构建。

  2. 在您的 Neutralino 应用程序的根文件夹中,将 .gitignore 重命名为 .gitignore-neu,将 readme.md 重命名为 readme-neu.md

  3. 在 Svelte REPL 中,下载您想要开始的 zip 文件,例如 https://svelte.dev/repl/hello-world(单击工具栏右侧的下载按钮)

  4. 复制 Neutralino 根文件夹中的 zip 文件的内容,以便 Svelte public 文件夹与 Neutralino resources 文件夹

    处于同一级别
  5. 运行 npm install 设置 Svelte 应用程序。通过 运行ning npm run devnpm run build

    确保它自己正常工作

现在您在同一个根文件夹中有两个并排的独立应用程序。让我们让他们一起工作。

  1. 通过将 .gitignore-neu 内容复制到 .gitignore

    来合并 Neutralino 和 Svelte .gitignore 文件
  2. 打开文件 /neutralino.config.json 并将 "documentRoot":"/resources/" 更改为 "documentRoot":"/public/" 以便 Neutralino 可以使用 Svelte 输出

  3. 打开两个控制台 windows:npm run dev 用于 Svelte,neu run 用于 Neutralino。您会看到一个 Neutralino 本地 window 显示 Svelte 主页。

大功告成!

现在,您可以像编写任何 Svelte 应用程序一样在 /src 文件夹中编写 Svelte Web 应用程序代码,使用 Svelte 的 hot-compiling 和 Neutralino 的 hot-reloading。

当您的应用准备就绪后,使用 npm run build(Svelte 部分)构建它,然后使用 neu build(Neutralino)。

如果您需要在 Svelte 代码中使用 Neutralino API:

  • 复制文件/resources/js/neutralino.js/public/文件夹

  • 将行 <script src="/neutralino.js"></script> 添加到 /public/index.html<head> 块中(就在行 <script defer src='/build/bundle.js'></script> 之后)

  • 在 Svelte main.js 文件中添加 Neutralino.init(); (/src/main.js)

如果您需要 Typescript,请在​​第 1 步安装 Neutralino Typescript 应用程序,并在第 5 步后 运行 Svelte Typescript 安装脚本。