第一步：下载nw.js
nw.js官网: https://nwjs.io/
创建vue2项目

如果你还没有安装Vue Cli，可以使用npm或yarn来安装：

npm install -g @vue/cli
# OR 
yarn global add @vue/cli

创建一个vue2项目（选择vue2即可）

vue create vue2     //此处vue2为项目名, 可自由取名

第三步: 修改vue.config.js
添加一行(不同的构建工具这里有所不同，但都是修改成‘./’):

publicPath: "./"

第四步: 保存后打包vue2项目
第五步: 新建文件夹package.nw

第六步: 将 vue2/dist/ 目录下的文件拷贝到 package.nw 中
第七步: 在package.nw目录下新建package.json文件, 编写如下代码

第八步: 将package.nw目录拖至 nw.exe 上(这就是运行)，出现以下结果表示没问题

第九步: 生成 vue2.exe

cmd /c copy /b nw.exe+package.nw vue2.exe

dir vue2.exe

Start-Process -FilePath ".\vue2.exe" -Wait -NoNewWindow -RedirectStandardOutput "output.log" -RedirectStandardError "error.log"

Get-Content output.log

Get-Content error.log

双击vue2.exe出现第八步的结果表示成功

第十步: 制作下载程序

制作前需要下载一个软件 --> InnoSetup
我下载的网址: https://pc.qq.com/detail/13/detail_1313.html

然后一直next
然后弹出两个框，点击是，然后选择文件路径

这个就是安装包

安装完后

双击运行

源码包
源码下载

作者：袁俊伟

最后更新于 2025-08-29 16:33:31 并被添加「」标签，已有 32 位网友阅读过。

本站使用「署名 4.0 国际」创作共享协议，可自由转载、引用，但需署名作者且注明文章出处