⑴ 现在比较好用的前端开发工具有哪些啊
1. node.js + npm, 这个是前端工具的一个平台,没有他们就没有以下的工具,建立开发环境,下载开发工具,运行开发工具的利器
2. bower, 库依赖管理器,类似于npm,但针对浏览器JavaScript的依赖管理,减少寻找库,下载库和升级库的烦恼
3.grunt,流程自动化管理工具,将你非编程的开发步骤减到最小,grunt watch+liveReload或者grunt connect,可以使得免除你F5无尽地狱,发布和开发各种无压力。以下大部分开发工具,都有grunt的相对应的插件,也就是说他们都能利用grunt进行自动化运行
5. 本人用less比较多,因为基本无缝兼容历史遗留系统中的css,(而Sass语法比较特殊,还没有专门用过,应该开发新系统的css比较好),一套css预编译语言,可以把less语法转成css语法,lessc是less语言编译器,配合grunt less,编写大型css文档毫无压力。
6.Phantomjs,没有界面的浏览器,用js脚本控制其操作网页。测试,抓图,网页流程自动化利器。配合casperjs的语法简化功能真强库后,控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓图功能和ImageMagick图片比较功能,在利用live-reload即时刷新功能,可以让你开发css的时候,快速对n多个页面进行观察,看其前后变化。不过缺点也比较明显,就是速度慢。但比起手动对比来看,还是非常快的。值得css开发时拥有
8. phantomCSS,这个和grunt photobox类似,都用于css开发的,差别是photobox是全局观察差别,而这个是单元组件观察差别,它方便你就抓页面中某一块元素然后进行前后比较,更加注重细节上的差异,这个比较合适组件开发时候使用。
9. jshint,帮助你快速定位JavaScript的语法错误和潜在的跨浏览器兼容性问题。在部署你JS前,用jshint检查一下是没错的 。
10.UglifyJS,压缩JavaScript代码,使你的JS代码可以更加快速的加载。有grunt的插件
11. browserify允许你在浏览器里面使用CMD标准模块,但本人认为它的另外一个优势是合并代码,开发时候可以把代码模块化,分成很多很多小文件,然后有调理的放到相对应文件夹下,然后最后合成单一文件。本人曾经利用browserify开发greasemonkey代码,大大简化了greasemonkey的开发难度和增强了greasemonkey代码的质量。browserify有grunt插件,这样又减少的开发步骤。
12. Karma, google开发的一个单元测试运行器,这个自己本身不是一个单元测试框架,而是配合测试单元框架的一个工具。由于前端浏览器众多,就算你有live-reload这样自动化工具,但是还是要手动打开各种浏览器,手动把你的单元测试在各个浏览器都运行一遍。这个工具目的是目的就是让电脑能自动化打开各种浏览器,然后把单元测试在各个浏览器中自动运行一遍,让这个步骤也能自动化了。
13.clean-css (grunt cssmin), 我用的是grunt cssmin,但是grunt cssmin实际上背后使用的是clean-css工具,这个工具就是用来压缩精简css的,让css文件大小更小。
⑵ 前端调试/测试超级神器whistle
之前研究过tcpmp、WireShark、 修改请求或响应数据的抓包神器mitmproxy 和 Charles实用功能介绍 及 spy-debugger内置的AnyProxy 等抓包神器,发现还是whistle最适合前端。
2021年1月23日更新:
同事发现基于whistle改造的LightProxy https://github.com/alibaba/lightproxy ,其支液掘迟持免安装证书及系统代理自动设置
2021年4月21日更新
又发现一个基于 whistle改造的神器 nohost,其不仅具备Whistle 的所有功能,还扩展了一些功能,且支持多人多环境同时使用,主要用于部署在公共服务器上供整个部门(公司)的同事共同使用
官网: https://nohost.pro/
仓库:散樱 https://github.com/Tencent/nohost
1、安装 npm install -g whistle
2、启动 w2 start
http://wproxy.org/whistle/install.html
http://wproxy.org/whistle/webui/https.html
https://wproxy.org/whistle/quickstart.html
https://wproxy.org/whistle/rules/index.html
上述变量值如闹李下:
1、 利用whistle调试移动端页面
2、 https://github.com/avwo/whistle/blob/master/README-zh_CN.md
2021年3月22更新 今天又发现一个http监测工具 httpToolkit ,遗憾的是高级功能收费。
⑶ 程序员用Mac都有哪些必备的app
Mac上程序员必备的10大软件
1、IDEA
作为一个开发者,必须使用IDEA的,以前的elipse基本很少有用了,除非那些10多年的老员工对它有太大的感情了。
2、安装JDK11或者JDK8
我觉得应该安装JDK11吧,毕竟JDK14都出来这么久了。
3、Pycharm
Python开发工具,作为程序员也许你不是做Python开发的,但是偶尔还是用Python的。
4、Git
不用多说,当你在公司开发时候,一个项目是由很多人完成的,Git就是用来版本控制的,不仅要安装还要熟悉使用。
5、VMware Fusion和Navicat
Navicat是一个数据库管理工具,值得拥有,VMware是虚拟机软件。我现在还是学生,电脑配置也不太好,我一般使用阿里云服务器,然后连接IDEA工具,感觉太方便了,写完代码可以直接操作虚拟机。
6、Visual Studio for Mac
这是一款微软推出的跨平台开发工具,我一般用来写前端的。
7、Xcode
Xcode是苹果产品的,适用于ios开发工具,同时支持c++,对于学习c的同学来说值得拥有,就算做c开发,也值得安装,因为真的太强大了。
8、Google浏览器
9、ClenMyMacX
系统杀毒软件及清理垃圾等等。
10、Typora
作为一个程序员,不管学习也好总是做笔记叭,它就是一款最好的Markown,非常方便,它的语法我之前也写过一篇文章,可以抽30分钟学习即可熟练基本用法。
11、MindNode
我个人比较喜欢使用这块来做思维导图
12、Processon
在线画图工具,也可以做思维导图等,非常不错。
13、Rdm
学习Redis使用可视化工具
14、PDF Expert
Mac最好用的一款PDF
15、Xnip
个人觉得挺好用的截图工具
16、Be Focused
类似番茄薯仔,时间管理工具
17、eZip
压缩解压工具
18、网络网盘
19、uPic
图床,当你发表博客时候,每次粘贴有点太耗时间了,所以使用uPic配置Typora就完美了。
20、其他工具
qq、微信、OmniFocus项目管理工具、AE、PR视频剪辑等工具,看个人爱好下载使用,还有一些工具,暂时想不出了,但是上面所提到的我基本使用。
我的回答希望对你有帮助。
用了8年的Mac电脑,个人介绍下一些常用的APP,仅供参考。
1.终端iterm2
作为一名程序员,少不了需要用命令行处理事情。
通过它可以处理本地电脑的事情,也可以连接远程服务器操作。
补充:当然有些朋友喜欢zshell环境,也可以使用ohmyzsh,看个人实际需求吧,我还是喜欢bash环境。
2.Alfred
Alfred 是一个用键盘通过热键、关键字、自定义插件来加快操作效率的工具,它不但是搜索工具,还是快速启动工具,甚至能够操作许多系统功能,扩充性极强。
比如程序员经常需要查看unix时间,用这个搜索框就能快速得到答案,按下回车键即可复制结果。
3.DBeaver免费开源数据库
一个免费开源的软件,支持Oracle、MySQL等数据库,但是速度相比Navicat Premium慢,但是胜在免费。
4.IntelliJ IDEA 开发工具IDE
写Java代码,怎么可能少了这个软件,吃饭干活的工具。
当然有些人也会用Visual Studio,用得人也不少,只要适合自己需求就可以了。
5.Android Studio安卓开发
Android Studio是一个Android开发环境,基于IntelliJ IDEA。通过这个开发工具,可以开发手机APP。
6.PyCharm
人生苦短,我学Python,通过这个工具,可以快速开发,但是唯一缺点就是耗内存。
7.Sourcetree管理代码工具
Sourcetree是个免费的Git客户端工具,通过它可以进行可视化操作,适合对Git有基础需求的人。但是有时候一些复杂的操作,个人还是喜欢命令行处理。
8.Markdown文档编写工具Typora
Typora支持跨平台,配合快捷键,轻松的写接口文档、数据库表结构等文档,图片也可以复制粘贴进来,十分便利。
同时支持导出PDF,Word多种格式。
9.Sublime Text跨平台的文本编辑器
Sublime Text 是一款流行的代码编辑器软件,支持各类插件,可运行在Linux,Windows和Mac OS X。
我经常用它来编写一些简单的Python脚本,或者看Java代码进行Review。
10.WireShark抓包软件
作为程序员,有时候要分析别人提供的网络数据包文件,安装这个跨平台软件,可以直观的分析网络数据包。
其他还有很多软件,这里就写前10个常用的软件推荐给你,希望能解答到你的问题。
作为一名前端,来推荐几个自己一直用的软件。
Visual Studio Code
vs code 是微软开发的良心编辑器,功能强大而且插件多,主要是启动速度还挺快,是原来的Eclipse开发团队的大佬来开发的,就是好用。
链接 https://code.visualstudio.com/
Sip: Mac 上最好的色彩管理工具
一款高效实用的Mac屏幕取色软件,可以便捷地对屏幕上的颜色进行采样和编码,从而高效地辅助用户对色彩的调整程度。支持 CSS、UIColor 等多种格式,适用于 Swift、Android、Java、.NET 等多种开发环境。
mac store 搜索 : sip
Moom: Mac窗口管理工具
一款实用的系统增强软件,操作极其方便简单,它可以通过拖拽的操作方式实现对窗口的任意操作,大小、位置、左右上下全方位移动以及最大最小化,这款Mac窗口管理器能够快速修改当前窗口大小并放置在指定位置,操作简单易上手。
mac store 搜索 : moom
Irvue Unsplash 壁纸工具
每天一张新壁纸,换来好的心情。
mac store 搜索 : Irvue。
1.vscode,美观,融合性强,插件多。
2.termius,完美替代xshell,用着舒服。
3.navicat16,相较于之前版本,ui是真漂亮,加上mac字体,简直是好用又艺术。
4.有道云笔记,多客户端同步,加上有代码块功能,代码笔记存储和查找就很方便了。
5.chrome,好处不用多说。
6.pd runner,偶尔用windows且不用花钱使用虚拟机pd的好工具。
Mac自带的工具大部分人都没发挥极致。
推荐一:PD,虚拟机利器。
推荐二:XmindZen 整理你的思维笔记,开个脑洞啥的。
推荐三:HomeBrew
推荐四:QuickTime 自带的录屏工具,录点视频很轻松。
从brew开始,剩下的就是一键安装了。必备!
1、xcode
mac自带的开发工具,好用舒服。
2、IDEA
java开发的首选工具,对比eclipse那就是质的提升。
3、Visual Studio Code
微软的花大力气做的开发工具。全平台都可以使用。
4、iStat Menus
可以让你详细掌握系统状态,特别是流量现实,非常精准。
5、vMware Fusion
虚拟机选择vMware Fusion确实是最省心的。超过其他虚拟机的太多。谁用谁知道。
6、CleanMyMac X
CleanMyMac X是被查询最多的Mac电脑优化软件。
7、Sublime Text
这个软件应该是前端和好多轻度开发者的必爱了。
8、iTerm2
iTerm2可以肩负起打造终极版Mac的终端。更改为Oh my zsh的shell,安装powerlevel9k插件。你的终端就可以飞起来了。
9、Homebrew
作为Mac电脑的软件管家,Homebrew一直没有让我们失望。
10、docker
程序员经常要做一些环境的调整,docker是一个很好的生产工具,调整好了就留下,不好就删除,对本机环境没有任何影响。而且可以快速部署到生产环境中。
我说的对不对呢,请大家拍砖。
我们程序员在Mac上的工具大致分为三类1)编程类 2)笔记类 3)任务管理类
一、编程类
1.1 首当其冲,当然是神之编辑器Emacs,而Emacs本身又是瑞士军刀包含编程,笔记,任务管理等,尤其是org,乃是许多人对Emacs欲罢不能的理由;
1.2 既然提到了emacs,自然少不了vim,相比emacs更加灵活轻便,适合于对配置作快速而简单的修改。
1.3 vscode,对编程新手而言,emacs与vim上手难度较高,因此推荐从vscode入手编程。
当然还有jetbrain等,但是笔者不喜欢,因此不做推荐。
二、笔记类
程序员首先是办公室白领,日常文档总结,工作复盘等,Mac上最为推荐的笔记工具,
2.1 BearNote极为精美且便捷,令人爱不释手,当然既然用macbook,缺点就是要fufei;
2.2 印象笔记,在macbook出人意料之外的好用,13年末的时候,笔者就是因为看到同事在macbook上精美的印象笔记,而种草买了第一台MBP。
2.3 Typora 是最优秀的所见即所得的markdown标记语言工具,是程序员写文章之必备。
三、任务与时间管理
3.1 任务管理当然要用omnifocus,只有在macbook上才能享用这款效率工具。
3.2 项目管理工具Omniplan,编程是青春饭,我们最终都要往产品经理,往管理岗位上迈进。因此项目管理工具必不可少。同样的,Omni系列的工具,只有MBP上才有。
3.3 花时间学学Emads的org-mode,用其作任务管理等。
作为一名大数据开发工程师,M1的Mac安装软件如下
1、IDEA 主力开发工具
2、VS Code 主力开发工具
3、Sublime 文本编辑工具
4、Item2 终端工具
5、Termius SSH工具
6、Postman 接口测试
7、Chrome 浏览器
8、SourceTree git管理工具
9、Typora 笔记管理
这个因人而异,我主要装了这些
基本上主要就这些了
⑷ ios自动化测试工具有哪些
1. Appium(免费)
一款开源的移动测试自动化工具,适用于Android和iOS系统。
链接:http://appium.io/
2、Frank(免费)
Frank只允许测试iOS应用,值得一提的是它的开源框架结合了JSON和Cucumber。
链接:https://github.com/moredip/Frank
3、KIF for iOS(免费)
KIF是为iOS移动应用UI测试开发的一个框架,可利用内置iOS中可访问的API模拟真实的用户交互。在Objective-C中写的测试对iOS程序员来讲已经很熟悉,但苹果转向Swift使得其对Objective-C的使用处于劣势。
链接:https://github.com/kif-framework/KIF
4、iOS Driver for iOS(免费)iOS Driver利用Selenium和WebDriver 的API来测试iOS移动应用,默认在模拟器上运行。这些模拟器可使执行命令速度更加快、可伸缩性更强。
链接:https://ios-driver.github.io/ios-driver/