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

Raf*_*ele 3 typescript svelte neutralinojs

我需要创建一个neutralino+svelte+ts项目,我注意到它在旧版本(neutralino-cli@1.8.1 )中是可能的,但在最新版本的neutralino中没有描述任何类似的内容。我尝试在最新的中性版本中运行版本1.8.1neu 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(同样的错误)。

知道怎么做吗?

Air*_*r16 8

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

\n

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

\n

详细步骤:

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

    \n
  2. \n
  3. 在 Neutralino 应用程序的根文件夹中,将其重命名.gitignore.gitignore-neureadme.mdreadme-neu.md

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

    \n
  6. \n
  7. 将 zip 文件的内容复制到 Neutralino 根文件夹中,以便 Svelte文件夹与 Neutralino文件夹public处于同一级别resources

    \n
  8. \n
  9. 运行npm install以设置 Svelte 应用程序。npm run dev通过运行和确保它可以自行正常工作npm run build

    \n
  10. \n
\n

现在,您在同一个根文件夹中并排有两个独立的应用程序。让\xe2\x80\x99s 使它们一起工作。

\n
    \n
  1. .gitignore-neu通过将内容复制到合并 Neutralino 和 Svelte .gitignore 文件.gitignore

    \n
  2. \n
  3. 打开文件/neutralino.config.json并更改"documentRoot":"/resources/""documentRoot":"/public/"以便 Neutralino 可以使用 Svelte 输出

    \n
  4. \n
  5. 打开两个控制台窗口:npm run devSvelte 和neu runNeutralino。您将看到一个显示 Svelte 主页的 Neutralino 本机窗口。

    \n
  6. \n
\n

你\xe2\x80\x99已经完成了!

\n

/src现在,您可以像编写任何 Svelte 应用程序一样在该文件夹中编写 Svelte Web 应用程序,并通过 Svelte 进行热编译并通过 Neutralino 进行热重载。

\n

当您的应用程序准备就绪时,使用npm run build(Svelte part) 和neu build(Neutralino) 构建它。

\n

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

\n
    \n
  • 将文件复制/resources/js/neutralino.js/public/文件夹中

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

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

    \n
  • \n
\n

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

\n