丰富的线上&线下活动，深入探索云世界
做任务，得社区积分和周边
最真实的开发者用云体验
让每位学生受益于普惠算力
让创作激发创新
资深技术专家手把手带教
遇见技术追梦人
技术交流，直击现场
海量开发者使用工具、手册，免费下载
极速、全面、稳定、安全的开源镜像
开发手册、白皮书、案例集等实战精华
为开发者定制的Chrome浏览器插件
不知各位朋友是否有以下的烦恼：
解决这类问题的方案之一，就是将项目包装为桌面客户端，就像双击Excel那样，就可以进入项目。
那么我们如何去实现呢？
接下来就切入正题！
优点：免开发、门槛低、体积小
进入NW.js官网，点击下载最新版，如下图所示。
下载的是一个普通压缩包，如下图所示。
接着我们将压缩包解压到指定目录，解压成功后如下图所示。
在1.1步的目录内新建package.json文件。
并将package.json文件的内容编辑为：
{"main":"index.html","name":"我的CSDN博客"}其中main字段为接下来新建的html文件名称，name字段可以根据需要自定义，完整的配置会在下面提供。
接着再新建一个index.html文件，如下图所示。
最后将压缩包后缀名，由zip改为nw，如下图所示。
前面两个步骤完成后，第三步就要合成桌面客户端了。
打开cmd窗口，进入当前目录，如下图所示。
接着直接输入以下命令，开始合成。
copy/bnw.exe+nw.nwapp.exe运行结果如下图所示。
运行后，回到之前的目录，可以发现多了个app.exe文件，如下图所示。
双击即可打开，如下图所示。
右键刚刚生成的app.exe文件，将快捷方式发送到桌面，操作过程如下图所示。
生成之后如下图所示。
接着右键快捷方式，点击属性，操作界面如下图所示。
点击浏览，选择ico图标后，点击确认，如下图所示。
最后重命名快捷方式后，就大功告成啦！
最终效果如下图所示。
当然如果需要完整功能，比如窗口大小、是否全屏、顶部图标、是否固定任务栏等，可以参考如下的配置文件，并在1.2.1步骤配置。
第一章都在讲将一个网址打包为桌面客户端。
但我们手上的不是网址，是一个localhost（本地版）的Vue项目！
第二章就主要讲解，如何将这个Vue项目转换为网址！
如果你的手上有Vue项目，可以忽略本小节；如果没有可以从下面的代码仓库中进行下载，同学们可以挑选自己喜欢的Vue项目进行打包。
选定待打包的Vue项目后，先把项目源代码克隆到本地，克隆命令为gitclone仓库地址，如下所示。
接着使用npmrunbuild命令，生成编译文件，编译成功后如下图所示。
同学们可以下载最新稳定版的Nginx，如下图所示。
下载完成后解压到指定目录，如下图所示。
打开conf目录下的nginx.conf配置文件，编译为如下所示。
如果你没有域名，可以使用下面的配置
如果你有域名，并且有SSL证书，可以使用如下的配置，其中1.pem和1.key是SSL的证书文件。
将上一步完整的nginx文件夹复制到服务器的硬盘上，如下图所示。
运行cmd，输入以下命令，如下图所示。
接着就可以在云服务器上看到部署的Vue项目了哦！也就是将Vue项目转换为了网址。
如果你没有云服务器，也可以在电脑本地运行，执行以下cmd命令。
cdC:\java\git\template\nginxstartnginx接着打开localhost:8080就可以了，如下图所示。
也就是将Vue项目转换为了localhost:8080这个网址。
本文讲解了如何将一个Vue项目打包为桌面客户端，实现像Excel一样双击运行，适用于管理较多项目且经常忘记网址的场景。本文还讲解了Vue项目从下载依赖、打包和Nginx部署的全过程，可以给Vue初学者参考学习。