入門 · h5_code

參考資料如下： - [https://wizardforcel.gitbooks.io/nwjs-doc/content/wiki/Features-list-for-simplified-Chinese.html](https://wizardforcel.gitbooks.io/nwjs-doc/content/wiki/Features-list-for-simplified-Chinese.html) - [https://www.toolmao.com/418.html](https://www.toolmao.com/418.html) ## 安裝 > 安裝分兩種，第一種是sdk的（非常全的api），還有一種是通過npm的。 ## 【第一種】SDK安裝 ### 第一步：下載sdk > 下面進行sdk進行。打開下面的鏈接后，滾動到最下面進行下載最新的sdk。 [https://npm.taobao.org/mirrors/nwjs](https://npm.taobao.org/mirrors/nwjs) > 下載好的如圖： ### 第二步：設置環境變量 > 進行將添加到環境變量path中。本人使用的是window10和window7就是樣式不一樣。檢測下是否有效。如圖： ```bash # 在終端中輸入： nw.exe ``` ### 第四步：創建項目 > 如果不是模塊化的開發項目就是簡簡單單的html文件，先創建文件夾demo，然后在里面新建一個html文件和package.json文件。 ```html  <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <title></title> </head> <body> <div id="app">Hello,?World!</div> </body> </html> ``` > 下面是 package.json 文件 ```json { "main": "index.html", "name": "HelloWorld" } ``` ### 運行 ```bash # 在終端執行 nw.exe d:/demo ``` ### 看看效果 > 如圖 ## 【第二種】npm 安裝（不推薦） ### 第一步： > 安裝過程中，等待是寂寞的。成功是喜悅的。在官方文檔中，指出不能 ```bash npm install -g nw ``` ### 第二步： > 驗證下 ``` # 在終端中輸入： nw ``` ### 第三步： > 找個項目跑跑 ``` ```