将vue项目打包成桌面客户端实现点击桌面图标直接进入项目-编程知识

将vue项目打包成桌面客户端实现点击桌面图标直接进入项目

1.下载NW.js
下载地址：NW.js官网
下载完后zip解压
在这里插入图片描述

2.文件夹下新建index.html
index内容如下：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script language="javascript" type="text/javascript">window.location.href='项目地址';
</script>
</body>
</html>

3.文件夹下新建 package.json 文件
在这里插入图片描述 package.json内容如下：

{/**指定程序的起始页面。*/"main": "index.html",/**字符串必须是小写字母或者数字，可以包含.或者_或者-不允许带空格。name必须全局唯一。*/"name": "my_project",/**程序描述*/"description": "我的项目",/**程序版本号*/"version": "1.0.0",/**关键字*/"keywords": ["demo","node-webkit"],/**bool值，如果设置为false，将禁用webkit的node支持。*/"nodejs": true,/*** 指定一个node.js文件，当程序启动时，该文件会被运行，启动时间要早于node-webkit加载html的时间。* 它在node上下文中运行，可以用它来实现类似后台线程的功能。* （不需要可注释不用）*///"node-main": "js/node.js",/*** bool值。默认情况下，如果将node-webkit程序打包发布，那么只能启动一个该应用的实例。* 如果你希望允许同时启动多个实例，将该值设置为false。*/"single-instance": true,/**窗口属性设置 */"window": {/**字符串，设置默认title。*/"title": "我的项目",/**窗口的icon。*/"icon": "img/tubiao.ico.png",/**bool值。是否显示导航栏。*/"toolbar": false,/**bool值。是否允许调整窗口大小。*/"resizable": true,/**是否全屏*/"fullscreen": false,/**是否在win任务栏显示图标*/"show_in_taskbar": false,/**bool值。如果设置为false，程序将无边框显示。*/"frame": true,/**字符串。窗口打开时的位置，可以设置为“null”、“center”或者“mouse”。*/"position": "center",/**主窗口的的宽度。*/"width": 1920,/**主窗口的的高度。*/"height": 1080,/**窗口的最小宽度。*/"min_width": 400,/**窗口的最小高度。*/"min_height": 335,/**窗口显示的最大宽度，可不设。"max_width": 800,*//**窗口显示的最大高度，可不设。"max_height": 670,*//**bool值，如果设置为false，启动时窗口不可见。*/"show": true,/**是否在任务栏显示图标。*/"show_in_taskbar":true,/*** bool值。是否使用kiosk模式。如果使用kiosk模式，* 应用程序将全屏显示，并且阻止用户离开应用。全屏显示的时候要关闭用管借鉴win+D* */"kiosk": false},/**webkit设置*/"webkit": {/**bool值，是否加载插件，如flash，默认值为false。*/"plugin": true,/**bool值，是否加载Java applets，默认为false。*/"java": false,/**bool值，是否启用页面缓存，默认为false。*/"page-cache": false}
}