1. 創(chuàng)建項目頁面
在文件夾新建文件夾命名為
app,在app內(nèi)新建index.html頁面,頁面內(nèi)容隨意穴张。
2.初始化配置文件
image.png
輸入
npm init初始化package.json
npm init
image.png
3. 運行 和 打包 依賴
npm install nwjs-builder-phoenix --save-dev
安裝完成 修改
pcakage.json配置
{
"name": "myapp",
"version": "1.0.0",
"description": "nwjs使用",
"main": "app/index.html",
"window": {
"title": "hello world",
"icon": "app/favicon.ico",
"width": 1920,
"height": 1080,
"toolbar": false,
"frame": true,
"resizable": true,
"position": "center",
"transparent": false,
"show_in_taskbar": true,
"show": true
},
"node-remote": "*://*",
"scripts": {
"dist": "build --tasks win-x86,win-x64,linux-x86,linux-x64,mac-x64 --mirror https://npm.taobao.org/mirrors/nwjs/ .",
"start": "run --x86 --mirror https://npm.taobao.org/mirrors/nwjs/ ."
},
"build": {
"nwVersion": "0.56.1"
},
"author": "",
"license": "ISC",
"dependencies": {},
"devDependencies": {
"nwjs-builder-phoenix": "^1.15.0"
}
}
注意：
"build": {"nwVersion": "0.56.1"}這個是nwjs版本窍侧，請選擇適合您的版本
- 運行指令
npm run start
此命令運行的是sdk版本的即開發(fā)版踪少，主要方便調(diào)試郎楼，可以F12或者右鍵打開開發(fā)者工具
image.png
- 打包指令
npm run dist
該命令會根據(jù)script配置的打包平臺蒿讥，進行打包柄粹，打包完最終文件會在項目目錄下dist文件夾內(nèi)
image.png
