個人的phpstormによるElectron開発テンプレセットアップ

表題の通り。

nodejsでプロジェクトを作成。

ターミナルにコマンドを入力することによりElectronをインストールする。

npm install electron

Jqueryを導入する。

npm install jquery

jsに次を追加しjqueryを使えるようにする。

    <script>
      window.jQuery = window.$ = require('jquery');
//test code
      $(function () {
          $('h1').css('color', 'red');
          $('h1').click(function () {
              alert('hello');
          })
      })
  </script>

Lodashを導入する。

Lodashは便利な関数が詰まったパッケージ。phpstormではオートコンプリートが効かないので対処する。

setting>Languages&Framework>Javascripts>Liberary

で利用できるライブラリ一覧を出す。ダウンロードをクリックし沢山ある項目からlodashをダウンロ－ドする。項目が増えているのでチェックしてOKでヨシ。