vue-cli项目，自动打包package.json，开发模式下自动启动nwjs

最新推荐文章于 2024-09-20 21:22:44 发布
最新推荐文章于 2024-09-20 21:22:44 发布
阅读量671 收藏
点赞数
分类专栏： vue-cli nw.js bat 文章标签： vue json vue.js npm node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lal95828/article/details/103564704
版权
vue-cli 同时被 3 个专栏收录
2 篇文章 0 订阅
订阅专栏
nw.js
2 篇文章 0 订阅
订阅专栏
bat
1 篇文章 0 订阅
订阅专栏

写两个bat文件
在这里插入图片描述准备两个package.json文件，一个是vue-cli项目自带的，一个是打包之后需要的
在这里插入图片描述

lal95828
关注
专栏目录
惊！使用nw.js将vue项目打包为可在xp系统运行的桌面程序
weixin_43985586的博客
02-19 5321
前情提要 在nw.js入门+桌面应用程序——最易懂的教程中，我介绍了简单的使用nw运行html文件为桌面程序以及将html文件打包为桌面可执行文件exe。 看vuecli创建的工程打包成exe文件可直接从【在vuecli创建的项目基础上增加nw插件无缝转化为桌面程序】目录开始。 本文主题 1.以上文运行和打包方式将vue项目打包为桌面可执行程序 2.在vuecli创建的项目基础上增加nw插件无缝转化为桌面程序 3.可在xp系统运行 4.支持自动更新 5.将vue项目打包为 将vue项目打包为桌面可执行程序
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json
Mb_JUJI的博客
11-19 1322
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json，npm intall的区别
webpack打包vue-cli项目之package.json与build.js
qq_41948178的博客
09-11 2455
使用vue-cli搭建项目的人都知道，都知道下面这两个命令。其实这两个命令的源头就在package.json里面。 # npm run dev # npm run build 这个文件里有这么一段,尤其是scripts部分。这里的dev和build就是上面这两个命令里的dev和build。 "name": "learn", "version": "1.0.0", "descripti...
如何利用nw.js打包vue项目
最新发布
linux_hzh的博客
09-20 842
NW.js基于Chromium和Node.js。NW.js能够通过页面技术开发桌面应用 , 同时可以调用Node.js代码以及模块。未来 , 你可以使用NW.js轻松将页面应用制作成桌面应用。
根据package.json文件启动项目注意事项
管他熙熙攘攘阳关道，我偏要一条独木桥走到黑
08-31 1224
"start": "cross-env APP_TYPE=site MODE=default KEYENV=test umi dev", "start:dev": "cross-env APP_TYPE=site MODE=default KEYENV=dev umi dev", "start:test": "cross-env APP_TYPE=site MODE=default KEYENV=test umi dev", 默认"start"：直接命令npm start启动 “start:dev（或t
关于项目中package.json文件分析
aolyu的博客
07-15 601
package.json文件分析简介作用内容一个package.json文件内容 简介 有使用框架开发过项目的小伙伴都知道，每个项目中都含有一个叫package.json的文件，那么是否你究竟对它了解有多少呢？ 本文我会讲解一些我对它的个人理解。 作用 package.json文件是npm init命令初始化后，在项目的根目录下自动生成的配置文件，它定义了这个项目的配置信息以及所需要的各种模块。 有这个文件之后，运行npm install命令，会自动下载项目所需的所有依赖模块，这些依赖会加载到更目录的
vue项目使用nw.js打包成桌面应用并修改图标 封装桌面应用
欢迎来到我的博客！在这里，我将分享我在前端开发方面的知识和经验。让我们一起探索前端开发的无限可能！
07-21 956
回去文件夹有可能会多一个副本exe可以删除，看到之前修改的exe文件的图标没有变，其实已经变了，可以选择重新启动电脑打开就会看到变了，或者你心里想这个就是你要的那种，直接打包给别人，别人看到就是修改之后的。打包给别人是压缩外面那个包给别人，不是直接给exe文件。在这个文件夹里面新建 package.json文件。这里需要下载一个插件来修改图标。这个图标不好看，需要修改图标。双击exe应用就可以打开了。把exe文件拖到这个里面。
详解vue-cli 脚手架项目-package.json
12-08
使用vue-cli脚手架新建的项目中，含有package.json。 package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。 { "name": "vue-manage", // 项目名称 ...
vue创建项目报错Failed to get response from /vue-cli-version-marker 只有一个package.json文件
看了头发就会长回来
03-17 3535
vue创建项目报错Failed to get response from /vue-cli-version-marker 只有一个package.json文件
vue-cli 脚手架项目-package.json
Lucky_LXG的博客
05-11 1897
使用vue-cli脚手架新建的项目中，含有package.json。 package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。 { "name": "{{ name }}",// 项目名称 "version": "1.0.0",// 版本 "description": "{{ descriptio
npm init 自动创建 package.json 文件
cvper's world !
03-12 6738
一般的项目根目录下都有一个package.json文件，文件定义了项目的配置信息，还有一些需要的模块，我们可以自己创建这个文件，命名为package.json ;也可以通过npm 的npm init命令快速自动创建这个文件中间会让你输入一些参数信息，自己根据需要写， 最后 is this ok ? 输入yes即可；如果我们在package.json 中配置了需要的各种模块，那么随后执行：npm i...
weather-vue:vue和nwjs的气象桌面应用程序
05-12
天气提示 使用vue和nwjs构建的桌面天气应用程序 构建设置 # install dependencies npm install # run NW.js application for development npm run dev # build NW.js application for production npm run build 该项目是使用使用。
Mac清理App关联文件工具 Nwjs+Vue 练手 开源
weixin_33829657的博客
12-27 162
MacClear 介绍 自我充电.学习 Vue 等,就做了这个小工具.帮助Mac 用户完全删除 App ,清理历史残留文件,新功能需求/bug提交: 开源库:https://gitee.com/xeval/macclear 提交issues 百度盘:https://pan.baidu.com/s/1-3IA... (非最新版本) 功能...
关于nwjs+vue项目的搭建
weixin_50723565的博客
01-10 1349
nw.js+vue项目搭建
Vue2项目-Nw.js构建桌面应用程序
StupidlyGrass的博客
10-10 1683
"nb": "npm run build && build --tasks win-x86 --mirror https://npm.taobao.org/mirrors/nwjs/ ." //nw打包命令。"main": "http://localhost:8080/", //可以是网址，也可以是html文件和js文件。"build": { //打包配置。"ns": "nw", //nw调试命令。1）package.json文件内容。
vue项目使用nwjs打包、替换exe桌面图标以及exe内容的图标全教程
孑立
11-25 2484
vue项目使用nwjs打包、替换exe桌面图标以及exe内容的图标全教程
package.json配置运行命令
m0_54741495的博客
04-14 3396
npm init之后,会生成一个package.json的文件,这里面有个scripts的属性,里面可以配置项目的运行命令,比如我们常见的vue脚手架终会自带serve和build的命令.配置了命令,既可以让我们选择代码运行的配置,也可以方便每次运行,不需要敲很长的命令.在这里我就简单的记录一下常用的配置项如果是start,那么就直接npm start就可以运行,如果是其他名称,比如dev,那么就需要npm run dev这样的命令去运行,这里我统一用start去命名 实时运行(文件变化就自动重启)
【NW.js】使用Vue2+webpack+NW.js构建、打包应用
yuan_618859的博客
08-06 2368
vue+webpack+nw.js可以开发桌面应用，什么是桌面应用呢？就是客户端软件，就是一个软件包或安装包，发给别人，别人双击打开或者安装就可以使用你的软件了。就像电脑上的QQ，百度网盘客户端一样。感觉挺酷的。 现在只要掌握上面这几个技术，大家都可以制作自己喜欢的桌面应用，挺好的。对于前端的同学就更好不过了。前端的同学对这些技术都是比较熟悉的，那么前端同学就可以像开发web网页一样来开发桌面应用...
vue-cli创建项目package.json中没有webpack‘版本
09-05
在最新版本的Vue CLI中，...总之，从最新的Vue CLI版本开始，创建项目时不再需要在package.json中指定Webpack的版本号，而是通过内置的Vue CLI Service自动处理和配置Webpack。这样能够提高开发效率和项目的稳定性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值