关于nwjs+vue项目的搭建

领导给我提了一个需求就是想要兼容XP系统,但是目前用的electron框架开发的桌面应用并不能兼容这个系统,迫不得已更换框架,在这里我想浅谈一下nw.js+vue项目的搭建:
运行环境:
node(我的版本是10)、 vue: 2.5.2

一、搭建

1、初始化webpack模板的vue项目

vue init webpack helloworld(项目名)

2、添加nw.js的依赖, 目前我是安装指定的版本 如果需要最新可以安装到最新
(1)进入到项目

cd helloworld

(2)安装依赖

npm install nw@0.14.7-sdk --save-dev

二、项目运行

效果:
在这里插入图片描述
1、package.json文件里面,在dev命令最后添加 --open nw
在这里插入图片描述
–open表示服务器启动后运行起来的浏览器,我们这里使用的是nw.js, 所以我们在后面加上nw,如果不加nw或者其他指定的浏览器,他会打开默认或者指定的浏览器
2、在package.json文件里面,添加以下代码, 本地端口号需要跟你你本地的填。

"main": "http://localhost:8081"

在这里插入图片描述
然后运行npm run dev就可以正常运行项目

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值