用户:
冷鱼闲风查看:13 回复:14 评论:13 创建时间:2020-04-22T13:50:16
在写文章之前,我希望官方不要打我
前言:
平常使用的源码编辑器真的不错,不用打开浏览器就直接进入编辑界面,我猜想他是核心是web,进入文件位置查看,还真的是啊,怎么说修改文件,也就可以修改界面了?我好不容易的试试,发现真的可以( •̀ ω •́ )y,赞!
修改方法:(必须)
1.打开源码编辑器的文件存储位置
2.找到package.json文件。你会发现,里面包含了程序名称和入口界面,还有文件大小的参数等
3.找到name对应的值,你可以修改成其他的文本
4.找到mian对应的值,默认是源码编辑器界面的文件参数,也就是“build/index.html”,由此可以知道,源码编辑器放在build文件夹里面了
5.修改mian的值,修改成本地web文件或者是网址
6.保持文本,再次打卡源码编辑器程序,就会发现里面的内容变了!
这里我是把mian修改成编程猫社区的网址。成功了!
-------------------我是分割线----------------------------
高级操作:(官方别看,怕打喵我(滑稽))
[1].package.json文件全部内容:
{
"name": "编程猫社区",
"main": "http://shequ.codemao.cn",
"user-agent": "Desktop_Kitten%nwver %webkit_ver %osinfo",
"window": {
"width": 1200,
"height": 768,
"position": "center",
"resizable": true,
"icon": "./icn_KittenEditor_tab.png"
},
"domain": "ide.codemao.cn",
"chromium-args": "--enable-file-cookies --allow-running-insecure-content --ignore-certificate-errors --enable-logging --log-level=0",
"version": "3.6.9"
}
name和mian不用说了,上面讲过了。
说说window里面的参数:
width:程序的宽度
heigth:程序的高度
position:程序在屏幕显示的位置(center居中)
resizeable:程序可变大小(布尔类型)
icon:程序里面的图标
-------------------------------
以上都可以改,icon主要是ico格式的图片,建议32*32
[2].文件属性修改
1.下载一个ResHacker程序,打开它
2.点击文件属性可以修改版权,(OMG,千万不要这样)
里面的就是文件属性信息啦!当然也可以改,
里面可以修改很多东西,但我就说修改文件属性和ico。
修改完之后,点击操作--替换图片
点击打开含新图片的文件,可以选择exe或ico都行,ico大小建议32*32.不要过大哦!
然后点击替换就行啦!
修改完成后,点击文件--保存。然后在当前程序目录下就会多出一个文件,就是你修改之后的文件哦!
此时就搞定啦!神不知鬼不觉。
[3].清除多余的文件
改完之后,会发现有很多文件,其实有些文件和文件夹都可以不需要了,你可以删除哦!
你参考吧,除了以上显示出来的都可以不要了!
好啦!此时就全部搞定啦!
CODE张博睿嘿,请了解一下 electron,VS CODE、Typora、钉钉、源码编辑器客户端 都是用它做的
之前还以为这些是 Node-Webkit (NW.js) 做的
啊,我的大大 Node.js!
点赞2
评论