1

Electron (Atom-Shell) を学習しようとしていますが、ドキュメントを見つけるのはかなり難しいと感じています...

index.htmlでリンクを作成する方法を理解しようとしているだけ<a href="something"></a>で、ターミナルウィンドウを開くか、何らかのプログラムを実行します。

プログラムで必要に応じて特定のタスクを学習することで言語を学習します。そのため、プログラムで他の方法で使用される手法を利用できるようにお願いしています。

助けてくれてありがとう。

4

1 に答える 1

7

基本的に、Electron は Chromium ブラウザーのカスタマイズされたバージョンであり、Nodejs と、カスタム ブラウザーをネイティブ プラットフォーム アプリケーションであるかのように基本的に実行できるいくつかの非常に優れたパッケージがパッケージ化されています。そのため、Electron アプリの作成は、Nodejs バックエンドを持つ Web アプリの作成と非常に似ています。

それでは、単純な「Hello World!」から始めましょう。アプリ、次のnpmを実行するだけです...

npm install electron-prebuilt --save-dev

npm をインストールしたら、Electron アプリを実行するために 3 つのファイルが必要になります。

  1. package.json ファイル
  2. JavaScript ファイル (デフォルトは main.js)
  3. html ファイル (デフォルトは index.html)

それぞれの詳細な手順の簡単なコピー/貼り付けバージョンについては、この GitHub リポジトリを参照してください: https://github.com/mafintosh/electron-prebuilt

その後、アプリを実行する準備が整いました...

$ electron .

最後に、ターミナル ウィンドウを開く 1 つの方法は、html で onclick 属性を使用して、関数でここにある child_process をトリガーすることです。

それでおしまい!他の Web アプリと同じように html ファイルと javascript ファイルを編集し、Electron が提供する追加機能を利用できるはずです。

詳細については、次のリソースも確認してください。

Electron の仕組みのクイック スタート イントロ -- https://github.com/atom/electron/blob/master/docs/tutorial/quick-start.md

Atom ディスカッション フォーラム (Atom は Electron で構築され、ハッキングできるように作られているため、コミュニティは非常に活発です) -- https://discuss.atom.io/c/electron

最新情報に追いつくためのクールなレポ。現在 Electron を使用しているアプリ、チュートリアル、ビデオなどへのリンクが含まれています -- https://github.com/sindresorhus/awesome-electron

それが役立つことを願っています!

于 2015-05-30T18:41:02.300 に答える