有没有办法基于 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.
我尝试了不同类型的模板(ts
和 js
),结果相同。
我也尝试过 运行 命令 neu create myapp --template neutralinojs/neutralinojs-svelte
(同样的错误)。
知道怎么做吗?
无需任何专用模板即可完成,非常简单易行。
基本上,您需要在同一根文件夹中并排创建一个 Neutralino 应用程序和一个 Svelte 应用程序,然后进行一些配置以使它们协同工作。
详细步骤:
按照 Neutralino 文档创建一个 Neutralino 应用程序:https://neutralino.js.org/docs/getting-started/your-first-neutralinojs-app。确保您可以 运行 并按照教程进行构建。
在您的 Neutralino 应用程序的根文件夹中,将 .gitignore
重命名为 .gitignore-neu
,将 readme.md
重命名为 readme-neu.md
在 Svelte REPL 中,下载您想要开始的 zip 文件,例如 https://svelte.dev/repl/hello-world(单击工具栏右侧的下载按钮)
复制 Neutralino 根文件夹中的 zip 文件的内容,以便 Svelte public
文件夹与 Neutralino resources
文件夹
处于同一级别
运行 npm install
设置 Svelte 应用程序。通过 运行ning npm run dev
和 npm run build
确保它自己正常工作
现在您在同一个根文件夹中有两个并排的独立应用程序。让我们让他们一起工作。
通过将 .gitignore-neu
内容复制到 .gitignore
来合并 Neutralino 和 Svelte .gitignore 文件
打开文件 /neutralino.config.json
并将 "documentRoot":"/resources/"
更改为 "documentRoot":"/public/"
以便 Neutralino 可以使用 Svelte 输出
打开两个控制台 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 安装脚本。
我需要创建一个 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.
我尝试了不同类型的模板(ts
和 js
),结果相同。
我也尝试过 运行 命令 neu create myapp --template neutralinojs/neutralinojs-svelte
(同样的错误)。
知道怎么做吗?
无需任何专用模板即可完成,非常简单易行。
基本上,您需要在同一根文件夹中并排创建一个 Neutralino 应用程序和一个 Svelte 应用程序,然后进行一些配置以使它们协同工作。
详细步骤:
按照 Neutralino 文档创建一个 Neutralino 应用程序:https://neutralino.js.org/docs/getting-started/your-first-neutralinojs-app。确保您可以 运行 并按照教程进行构建。
在您的 Neutralino 应用程序的根文件夹中,将
.gitignore
重命名为.gitignore-neu
,将readme.md
重命名为readme-neu.md
在 Svelte REPL 中,下载您想要开始的 zip 文件,例如 https://svelte.dev/repl/hello-world(单击工具栏右侧的下载按钮)
复制 Neutralino 根文件夹中的 zip 文件的内容,以便 Svelte
处于同一级别public
文件夹与 Neutralinoresources
文件夹运行
确保它自己正常工作npm install
设置 Svelte 应用程序。通过 运行ningnpm run dev
和npm run build
现在您在同一个根文件夹中有两个并排的独立应用程序。让我们让他们一起工作。
通过将
来合并 Neutralino 和 Svelte .gitignore 文件.gitignore-neu
内容复制到.gitignore
打开文件
/neutralino.config.json
并将"documentRoot":"/resources/"
更改为"documentRoot":"/public/"
以便 Neutralino 可以使用 Svelte 输出打开两个控制台 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 安装脚本。