【Electron】Electron開發入門(一):開發環境搭建

剛接觸Electron+js開發PC端桌面應用程序的時候,簡直一頭霧水,搜了網上很多教程,有的要麼講的零零碎碎,要麼就是版本太低,很多API語法都不能用了;現在我把一些有用的教程歸納一下,並把目前最新Electron版本1.4.0的使用語法貼出來,目的是爲了有個能正常運行的DEMO教程;

一、配置安裝
1、安裝node
①、node.js下載鏈接http://nodejs.cn/download/
選擇適合自己電腦系統的安裝包,比如win7 64位系統,那麼選擇下圖紅框中的
這裏寫圖片描述

②、安裝完成以後在cmd裏運行 node -v檢測安裝是否成功。
這裏寫圖片描述
如圖,安裝成功之後應該如圖所示,其中v4.4.3,是你安裝的node.js的版本號

2、安裝Electron
①、打開cmd,在裏面輸入
npm install --g electron-prebuilt
如圖
這裏寫圖片描述

②、安裝完成後運行 electron -v 檢查是否安裝成功
這裏寫圖片描述
如圖,安裝成功之後應該如圖所示,其中v1.4.0,是你安裝的electron的版本號
PS:如果你要安裝特定版本的electron,這樣子寫: npm install --g [email protected]

3、安裝開發工具編輯器,vscode
vscode下載

發佈了80 篇原創文章 · 獲贊 245 · 訪問量 90萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章