從零開始完整Electron桌面開發(1)搭建開發環境


[OTC] # 需要知識 1. 簡單的html、javascript、css知識,就是web前端入門知識。 2. 簡單命令行的應用,不會也沒關系,照着代碼敲就行。 3. 下載安裝就不說了吧。 4. 本教程基於win7下完成。基於干凈的win7 64位系統。 # 安裝node.js 從 ![http://nodejs.cn](node.js 中國站) 下載最新版node.js ,並安裝。 ![https://nodejs.org/dist/v6.2.0/]() FireShot Capture 002  Index of  dist v6 2 0  https nodejs org dist v6 2 0 我下載的是`node-v6.2.0-x64.msi`。 初學者建議用安裝包安裝nodejs。 下載對應系統的安裝包,進行安裝,安裝完成后打開命令行, NewImage NewImage NewImage 可以根據自己的需要更改安裝路徑 NewImage NewImage NewImage NewImage 安裝完成。 Windows打開Powershell, Mac/Linux 打開終端 ```js node -v ``` `windows-PowerShell` NewImage `mac` NewImage 輸出nodejs的版本號表示安裝成功。 # 最小化Electron程序 ## 建立一個開發用的空文件夾,我建立在D盤, ``` d: mkdir electron_hello cd electron_hello dir ``` 執行結果: NewImage ## 建立一個空工程 ``` npm init ``` 按照提示輸入內容,括號內為默認值。不知道輸什么,一路狂回車直到出現命令提示符即可。 NewImage ## 查看空工程的內容 自動生成一個`package.json`的文件,這個就是nodejs的工程配置文件(正確的說法應該是npm的配置文件) ``` dir ``` NewImage 你也可以在資源管理器中打開文件夾看一下。 注意:你的圖標可能跟我的圖標不一樣,這是跟電腦上安裝的軟件有個,不用在意。 ## 查看package.json 的內容 package.json 是Unix換行格式生成的,下載notepad++打開。 記事本打開的package.json NewImage nodepad++打開的package.json NewImage # 運行程序 # 知識擴展


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM