Electron - 第一個程序

創建項目的時候我使用了Webstrom

File —> New Project —> Node.js Express App (create)

大約一分鐘后項目就創建成功了
這時候我們可以看到，有一個package.json的文件位于模塊的目錄下，它主要用于定義包的屬性。
以下的是文件的必須內容：

{"name": "test1", # 包名，在NPM服務器上須要保持唯一"version": "1.0.0", # 當前版本號"dependencies": { # 第三方包依賴，需要指定包名和版本號"argv": "0.0.2"},"main": "app.js" # 入口模塊位置 }

然后，我們可以在webstrom里面編輯一些設置，修改端口什么的。

鑒于我的項目沒有什么沖突，就沒有修改，默認端口是3000。

備注：最好將項目建在安裝 electron 的文件夾下，否則會提示找不到electron的某個文件。

這時候，點擊 View —> Tool Windows —> Terminal
打開如下頁面，然后在 Terminal 里面輸入npm start，就可以運行了。

如果頁面沒有自動打開，在瀏覽器窗口輸入localhost:3000，看到如下頁面，即為運行成功。

到這一步，基本的頁面已經構建完成了，
下一步就是生成桌面應用程序了……

總結

以上是生活随笔為你收集整理的Electron学习-创建一个程序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。