從零開始完整Electron桌面開發（1）搭建開發環境

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