nw.js开发跨平台应用(2)使用nw打包项目
程序员文章站
2023-11-03 22:08:52
nw.js开发跨平台应用(2)使用nw打包项目:我们在上一篇文章中用vue-cli创建了一个的项目,并且使用nw 打开某个链接,这次我们讲述如何使用nw打包一个vue-cli创建的...
nw.js开发跨平台应用(2)使用nw打包项目:我们在上一篇文章中用vue-cli创建了一个的项目,并且使用nw 打开某个链接,这次我们讲述如何使用nw打包一个vue-cli创建的项目。
进入vue项目后,我们可以使用npm run dev 打开8080端口访问页面,在使用nw打包之前,我们先需要build以下项目,执行npm run build就可以了。
build完后,会在当前目录下生成dist 文件夹,进入dist文件夹,目录结构如下.
+dist -static -index.html
此时我们在dist文件夹创建一个package.json 文件,内容如下
{ "name":"test1", "main": "./index.html", "version":"1.0.0", "window": { "width": 1024, "height": 768, "frame": true, "toolbar": false, "icon": "static/icon.png" } }
以上的信息是nw/nwbuild 命令必须要的参数。其他参数可以查看此处https://docs.nwjs.io/en/latest/references/manifest%20format/
nwbuild可以使用npm install nwbuild -g 进行全局安装。
创建了以上文件后,在当前目录执行以下命令
nwbuild --platforms osx64 platforms 参数有win32,win64,osx64,linux32,linux64
执行完后,在当前目录下生成了build文件夹,里面就是已经打包好项目的nw程序,运行就能打开了。
下一篇: 网站用php实现paypal整合方法