前端工作软件
编辑器: vscode、webstorm、sublime 、 notepad++(打开bat文件,自动会转化为对应的编码格式打开,vscode和sublime都需要设置对应的编码打开)、UltraEdit(文件比较大)
组合使用:vscode 、sublime(这个作为辅助编辑器,插件系统比notepad好,运行快)
有的项目太大,电脑8G内存都不够用时,vscode + 谷歌浏览器太吃内存了。使用 antD pro 项目 开发后管时(还要用火狐浏览器打开原型图),电脑卡的都动不了。换用sublime,内存消耗明显会小很多,这个时候只能使用sublime进行开发了。
版本控制器: svn(客户端)、服务端版本(即仓库端、设置访问密码的。)
建站集成软件包: IIS(win系统自带的,文件夹在如何位置都可以运行)、wamp、xampp (注意,服务器有很多的种,web和数据库服务器只是其中的两种,版本控制的服务器端软件也是一个服务器。服务器不是主机,但服务器必须依赖主机)
CSS预处理器: Koala(考拉预处理器还可以用来压缩代码)
文件夹文件对比工具:Beyond Compare(虽然webstorm内置了更好的对比工具,不过当我只是需要对比,而不需要修改,webstorm打开的时间就会比较长)
其它几款对比工具WinMerge、Diffuse :参考链接
node: node.js
图片处理工具: PxCook (ps设计图使用) 、MarkMan (jpg图使用)、firework、ps。(前面两个软件比较轻量)
内网穿透:ngrok(分国内和国外的)、netapp、花生壳 参考: https://www.cnblogs.com/wfblog/p/10688974.html
截图工具:QQ、微信、Snipaste(这个还可以吸色)
////////////////////////////////////////////////////////////////////
通讯工具(电脑、手机间文件、信息传递)
翻墙工具:蓝灯、 萤火虫、 重生 云加速(推荐这个)
重生 云加速 下载
1. 永久官网地址 www.rebirthcloud2.com
国内访问加速地址:www.lvyousend.com
需网络(需账号密码):微信、QQ(适合自己的手机,如果是公司测试机,这个就很不方便,也不安全。公司测试机推荐使用局域网的工具)
局域网:
a、电脑 和 电脑:飞秋。
b、手机和电脑:飞鸽传书(手机和电脑分别有软件。但是不同网段的局域网,搜索不到)http://www.ipmsg.org.cn/ ,内网通 http://www.51nwt.com/index.htm ,布谷鸟
///////////////////////////////////////////////////////////////////////////////
其他软件
offoce办公软件: 微软office、wps 。 下载地址:https://zhidao.baidu.com/question/922468704156785139.html
输入法: 百度输入法,搜狗输入法
pdf阅读器: 极速pdf阅读器(轻量级)
U盘启动制作工具:老毛桃,大白菜,U启动
操作系统: 正版、gosh
虚拟机: VMware(百度直接搜索虚拟机就出来了)
远程控制: RadminViewer(客户端),RadminSever(被控制端)
原型设计工具:Axure
思维导图设计工具:MindMaster
1、Beyond Compare 4 使用30后过期续用方法 https://blog.csdn.net/sinat_27265739/article/details/79471187
2、koala
下载: http://koala-app.com/index-zh.html
使用说明: https://github.com/oklai/koala/wiki/%E4%B8%AD%E6%96%87wiki 或
https://blog.csdn.net/u011250873/article/details/45917519 或
https://www.jianshu.com/p/654ab1e2cb5e
3、postman 下载链接: https://blog.csdn.net/water_0815/article/details/53263643
4、UI 图 数据采集 软件 :
a、PxCook 像素大厨 : 下载地址 http://www.fancynode.com.cn/pxcook (psd 文件有优势,鼠标放上去,相关的字体、颜色、尺寸等信息都可以显示出来。但是jpg等效果图不好用,采集的颜色不能复制。)
b、MarkMan 马克鳗 : 下载地址 http://www.getmarkman.com/#/download-modal (jpg 文件等效果图比较有优势,按住tab键可以长度自动测量,吸出来的颜色值可以复制。但是 psd 的处理和jpg是一样的都需要手动选择工具获取相应的数据。)
5、自动生成 CSS精灵图(并且给出尺寸和坐标) : https://www.toptal.com/developers/css/sprite-generator 参考 前端常用工具
6、文通慧视图像文字识别 : http://www.bkill.com/download/147695.html#soft-downUrl (下载链接,自己百度搜索的。亲测有效)
7、2017版本的webstrom软件下载: https://www.jianshu.com/p/4ce97b360c13 ( 2017版本可以支持vue文件 )
8、数据库管理工具: navicat (推荐)、HeidiSQL (这个没用过,它 不支持同时连接多个数据库)
9、hosts管理工具 : SwitchHosts 下载: https://blog.csdn.net/qq_26346457/article/details/79214219
教程: https://www.cnblogs.com/1024zy/p/5951524.html
10、资源管理器 软件:Clover
11、VisualSVN Server下载地址:https://www.visualsvn.com/
12、抓包工具 fiddler:使用教程看下面介绍,如下
13、notepad++ 自定义 语法高亮:http://blog.sina.com.cn/s/blog_80606fd30102ux80.html
自己为了 方便 梳理 页面 的逻辑,创造了 一种 简单 标记语言。就是使用 notepad++ 实现自定义语法高亮。
filddler抓包使用教程
1、抓包工具 fiddler: 安装教程 https://blog.csdn.net/yeyue0922/article/details/88718363 或 https://www.cnblogs.com/sjl179947253/p/7620524.html#4238447(推荐,比较详细,里面分了7篇文章介绍)
浏览器安装了某些插件,也会自动 设置代理。就会 导致fiddler抓不到包(比如,谷歌浏览器中安装了 翻墙的插件,这时浏览器已经设置了代理。就不会走fiddler代理了。)
(猜想,还没有尝试过)使用 fiddler 是不是可以,在不修改任何代码直接解决跨域的问题呢。
a、有的请求请求体是加密的,需要点击下解析出来。
b、断点修改Request :https://www.cnblogs.com/sjl179947253/p/7624545.html (亲测有效)
改变相应报文的内容,这点很重要
b、断点修改Response:https://www.cnblogs.com/sjl179947253/p/7624545.html (亲测有效)
d、默认 https 请求的抓包需要设置下。https://blog.csdn.net/vtopqx/article/details/92814536
e、过滤 fiddler抓包的会话:因为fiddler会 对所有的请求进行抓包,所以有很多的会话不是我们要关注的,可以过滤掉。https://www.cnblogs.com/sjl179947253/p/7627250.html 或 https://www.jianshu.com/p/1080e3b381a0
过滤规则有很多,不需要了解太多。只要抓取我们 目标域名下的请求就可以了。(需要像浏览器上一样,针对不同请求类型的的过滤也可以,使用回话列表过滤。如过滤掉img类型的)
另外,如果要过滤 tunnel to 的回话,只要 Rules->Hide Connects 。参考 https://blog.csdn.net/qq_15283475/article/details/62227067
f、断点过滤:按钮上设置的断点是全部断点中断,所有url请求(包括图片,文本文件)都会中断。这不是我们要的效果。https://www.jianshu.com/p/f3919ae24325【第四点,单个断点】
单个断点的设置,需要使用fiddler的命令行
2、fiddler 过滤写法:https://www.cnblogs.com/sunny-sl/p/6542375.html 或 https://blog.csdn.net/zhlelva/article/details/52351222(正则) 或 https://www.jianshu.com/p/d6cd31dacf1d(推荐这个)
a、非正则表达式:关键字 之间用空格分开
.css .jpg .png .jsp .php .js .gif .ico
b、正则表达式进行过滤:(亲测,前面必须要加 REGEX:或 EXACT。好像不区分大小写)
REGEX:.(js|css|png|jsp|php|jpg|gif|js?.|css?.|png?.|jsp?.|php?.|jpg?.|gif?.*)$
说明:推荐使用正则匹配,因为 我们部署的线上环境的域名就有可能正好 有过滤的关键字(经历过)。而正则可以设置匹配规则,这个关键字是在 头部 还是 尾部。
3、fiddler 抓取手机上的请求: https://www.cnblogs.com/wushuaishuai/p/9300262.html(亲测有效 )
a、手机上需要安装证书,安装设置。(安装证书时,会让你设置证书名称的。这个是要设置的,直接写抓包就可以了)
b、注意把 fiddler 的过滤功能关闭,不然可能看不懂请求的地址。
别人的软件使用:
1、IT常用软件下载与安装 : https://blog.csdn.net/ljqwstc/article/details/80680724#6navicat-premium-12 (包括 IntelliJ IDEA、Java JDK、Navicat、Postman)
2、IT生涯, 我的常用软件清单 : https://blog.csdn.net/zgzhaobo/article/details/66472272?locationNum=13&fps=1
3、前端开发常用又好用的几个软件 : https://www.cnblogs.com/zhengshize/p/6836885.html#mylink1
4、程序员常用工具:https://www.zhihu.com/question/22867411