NW.js开发笔记(一) nw入门及使用

最新推荐文章于 2024-08-09 07:55:26 发布
最新推荐文章于 2024-08-09 07:55:26 发布
阅读量5.9k 收藏 1
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xc8111974/article/details/70224557
版权


  先推荐一个博客，博主关于NW开发的相关内容写的非常好，帮了好大的忙：     http://blog.csdn.net/zeping891103/article/details/50723949


 （一）下载安装 

 NW官网：http://nwjs.io/

 直接解压有nw.exe文件可以直接运行

 （二）运行程序

新建文件夹，命名为app

文件夹中新建index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<h1>hello</h1>
	</body>
</html>

新建package.json

{
  "name": "nw-demo",
  "version": "0.0.1",
  "main": "index.html"
}






将APP文件夹拖动到NW.EXE上就可以运行程序了











                

        

        

    

  


    

      

        

            

              
                
                  xc8111974
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
nw.js客户端开发

				
			

			

				

					sake_pipi的博客
				

				

					01-14
					
					468
					
				

			

		

		

			
				
今天来介绍下如何利用nw.js进行客户端开发

1、首先进入nw.js官网下载开发包，链接地址：https://nwjs.io/downloads/

下载包分为两种，一种NORMAL运行包（进行客户端打包），另一种SDK开发包专门提供给开发者使用（系统开发调试）。



2、将nw.js包压缩到本地，并在此路径创建项目代码架构，在项目中创建package.json

  {

    "name...

			
		

	



                

              
                



	

		

			

				
					
NW.js(node-webkit)桌面应用（app）开发之环境配置

				
			

			

				

					Lockey23的博客
				

				

					07-25
					
					8868
					
				

			

		

		

			
				
nw.js(node-webkit)是什么
nwjs开发桌面应用
nwjs package.json配置

			
		

	



                


  
              

                


	

		

			

				
					
NW.js 使用教程

					
最新发布

				
			

			

				

					gitblog_01083的博客
				

				

					08-09
					
					1107
					
				

			

		

		

			
				
NW.js 使用教程
 nw.jsCall all Node.js modules directly from DOM/WebWorker and enable a new way of writing applications with all Web technologies.项目地址:https://gitcode.com/gh_mirrors/nw/nw.js 项目介绍
NW.js（原名 ...

			
		

	





	

		

			

				
					
nw.js node-webkit系列（2）nwjs相关教程

				
			

			

				

					@黄小泽的个人博客
				

				

					02-24
					
					5272
					
				

			

		

		

			
				
本节主要给大家介绍一些关于nwjs的相关教程，尽管大多都是英文，若有些连接打不开，如youtube，你懂的怎么打开，是么？
书本
(1)NW.js in Action by Paul. B. Jensen

地址：https://www.manning.com/books/nw-js-in-action（点击打开链接）


(2)Windows Desktop App Creatio

			
		

	



		

			
		



	

		

			

				
					
nw.js入门+桌面应用程序——最易懂的教程

				
			

			

				

					weixin_43985586的博客
				

				

					11-02
					
					1万+
					
				

			

		

		

			
				
nw.js入门+桌面应用程序+自动更新——最易懂的教程
nw.js 是为了解决vue在xp 或window ie8及以下用户的兼容问题。曲线救国！！
一，下载nw.js
1.你可以从**官网获取最新版本的文件,或通过源代码构建.
一定要下载sdk版本！

2.下载的文件解压缩后你会看到如下图的文件目录 以下称为“解压目录”

3. 接下来需要新建两个页面分别是内容展示index.html**，和配置设置的package.json
3.1 index.html我们先随意整点内容：

3.2package.js

			
		

	





	

		

			

				
					
Nw.js开发

				
			

			

				

					做写优美代码的人的博客
				

				

					09-30
					
					517
					
				

			

		

		

			
				
注：文章暂不适合初学者，初学者请绕行至js学习。有基础者请继续往下看。
 
通过一个多月的研究学习node.js，终于开发了一款新的系统模式。
 
这是一个终端系统，整个开发过程拿出来给大家分享。
 
先做一个系统的简要说明吧：
该产品采取软硬结合的手段,封装常用硬件设备,支持实时打印和预约打印两种模式。
简单说就是用户通过自己的PC的浏览器，登录系统，进行预约和填写信息，然后在终

			
		

	





	

		

			

				
					
NW.js入门

				
			

			

				

					默茉的博客
				

				

					03-08
					
					534
					
				

			

		

		

			
				
NW.js能做什么？

NW.js是基于Chromium和Node.js的。它允许您直接从浏览器调用Node.js代码和模块，并在您的应用程序中使用Web技术。此外，您可以轻松地将Web应用程序打包到本机应用程序。

下载地址：http://nwjs.io

 下载与本机相对应的版本



例子：

创建文件夹目录quick-start，并将json文件和html文件都放在文件夹内

步骤一...

			
		

	





	

		

			

				
					
NW.js

				
			

			

				

					qq_36401256的博客
				

				

					05-15
					
					365
					
				

			

		

		

			
				
配置文件设置icon无效
需要	128x128 的 png 格式文件
"window":{
    "icon":"./favicon.png"
}




			
		

	





	

		

			

				
					
Electron 开发入门

					
热门推荐

				
			

			

				

					GitChat
				

				

					01-09
					
					2万+
					
				

			

		

		

			
				
课程亮点

剖析 Electron 从安装到发布的整个流程
如何使用 Git 管理 Electron 应用源代码
如何使用 C++ 开发 Electron 本地模块
知识点 + 示例 + 源代码

课程背景
Electron 允许使用 Web 技术（HTML 5、CSS 3、JavaScript）开发跨平台桌面应用，这对 Web 前端和 Node.js 开发者是一大福音，因为从此又多了一项技能。目...

			
		

	





	

		

			

				
					
WEB前端学习工具，资源技术汇总（IDE集，框架集，类库集...）

				
			

			

				

					web前端入门基础进阶教程-htmlcssjs
				

				

					05-06
					
					952
					
				

			

		

		

			
				
该篇主要收集了一些前端常用的编辑器、框架以及一些常用工具，帮助前端开发者更快成长。
IDE集
VSCode：https://code.visualstudio.com/
SublimeText：https://www.sublimetext.com/
WebStorm：https://www.jetbrains.com/webstorm/
Atom：https://atom.io/
Hbuilde...

			
		

	





	

		

			

				
					
nwjs中文教学文档.pdf

				
			

			

				

					07-31
				

			

		

		

			
				
比官方文档更加翔实的中文教学文档，包含主要的nwjs的API，学完可以直接用于开发

			
		

	





	

		

			

				
					
nwjs开发教程

				
			

			

				

					01-04
				

			

		

		

			
				
nwjs开发的教程  大家可以看看   可以给我留言我还有其他教程

			
		

	





	

		

			

				
					
nw.js打包处理教程(将html打包成PC应用的教程)

				
			

			

				

					09-14
				

			

		

		

			
				
nw.js打包处理的整个教程。指导将html网页通过nw.js打包处理为能在PC上能运行的exe文件。此教程为完整教程，比当前网页上搜索的教程还要清楚，更容易理解。

			
		

	





	

		

			

				
					
Webpack入门到了解

				
			

			

				

					weixin_42145856的博客
				

				

					09-26
					
					2225
					
				

			

		

		

			
				
文章目录Webpack的安装和介绍1.1 Webpack是什么1.2 webpack核心概念1.3  Webpack的安装1.3.1 全局安装(不推荐)超过4.0安装方式1.3.2 初始化项目文件1.3.3  在项目中安装webpackWebpack的快速使用2.1  加载非js文件2.1.1 加载CSS文本webpack 处理第三方文件类型的过程2.1.2  module 配置补充module....

			
		

	





	

		

			

				
					
你离真正的全栈开发人员只差学会 Electron

				
			

			

				

					GitChat
				

				

					01-10
					
					1万+
					
				

			

		

		

			
				
为什么用 JavaScript 来开发桌面应用
曾经的 JavaScript 脆弱、简陋、甚至有被边缘化的危险，不过 JavaScript 在经过了两次飞跃后（以 V8 为首的 JavaScript 引擎和 Node.js 的问世），不再受人欺负，早已升级为绿博士（复仇者联盟 4 中班纳博士和绿巨人的合体，强大而充满智慧）。 V8 引擎让 JavaScript 的运行速度飞快，Node.js 让 ...

			
		

	





	

		

			

				
					
微信小程序学习笔记（  小程序框架   ）

				
			

			

				

					qq_44786519的博客
				

				

					10-24
					
					829
					
				

			

		

		

			
				
注册小程序
每个小程序都需要在app.js中调用App方法注册小程序的示例，并绑定声明周期回调函数，错误监听和页面不存在监听函数等。
App中可以调用的详细参数：
1.onlaunch 初始化完成时触发，全局只触发一次，参数可以使用 wx.getLaunchOptionsSync获取（一个wx提供api获取小程序的一些的启动信息参数
2.onshow 小程序启动，或者从后台进入前台显示触发。 或者...

			
		

	





	

		

			

				
					
nw.js简单教程

				
			

			

				

					宁不凡
				

				

					06-02
					
					4310
					
				

			

		

		

			
				
nwjs简单教程 ,大神  or  0基础 请绕道。本文主要介绍在vscode中调试、运行、打包nwjs程序，本人是做后端开发的，如有不足请见谅。

创建项目页面
vscode 打开项目文件夹，在此文件夹新建文件夹命名为resource，在resource内新建index.html页面，页面内容随意，比如：Hello World!
初始化配置文件
Ctrl+~打开终端，输入npm init初始化package.json。注意：entry point: (index.js) resource/index.h.

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值