工具武装前端工程师

本文主要介绍前端开发中常用的工具集合。

编辑器

1. SublimeText(Windows/Mac)可以长期免费试用

这个工具已经很火了,我之前是99%的码是这上面撸出来的。关键是它的小巧、简洁、快枪手,长大的文本打开速度也是杠杠的。编码垒字的神器,还能览图/文件对比/....

拥有插件扩展机制,在它上面有一系列特别好用的插件,其中最喜欢的插件是  PlainTasks 我用它做一些简单的任务管理,比如写日报等

2. Atom (Windows/Mac)免费

这个软件也有很多人用。最近用得也特别多,最主要是这个软件我拿它开发ReactNative相关的项目,对ReactNative开发有个官方插件对调试代码提示都比较友好,Atom这个软件我有些不喜欢,它启动太慢了,大的文本文件打开要非常之久,无法忍受,没有办法ReactNative官方给它退出了个插件Nuclide。所以我一直用它,不过呢界面和代码高亮其实我挺喜欢的,啥时候能优化一下性能,我估计就抛弃的Sublime,虽然我已经抛弃Dreamweaver....。

3.Vim (Windows/Mac)免费

这个是个古老的编辑器,我接触到它的时候,其实是看到一个PHP程序猿在使用它来撸码,然后我接触到服务器部署等问题的时候,经常会使用它改一些配置和临时更改一些文件。很显然我已经掌握了它的使用。如果你使用它来做前端开发你需要一系列插件帮助你提供效率。在我的这个仓库里面有插件的各种玩儿法https://github.com/jaywcjlove/vim-web。

4.HBuilder(Window/Mac)免费

剩下就是这个国人开发的编辑器了,通常带新手的时候我建议他们安装这个编辑,因为上面的JS提示等各种很优秀,其实过往的一个软件Webstorm同样优秀,为啥不推荐它呢,主要它是个收费软件,身为程序员不建议你破解它,本着支持国货的态度,所以推荐HBuilder。

5. 其它我不用的优秀编辑器

    a). Adobe推出的Brackets(Window/Mac)免费/开源编辑器,这个是它的仓库https://github.com/adobe/brackets/,它的官网在这里 http://brackets.io

    b). 微软推出的Visual Studio Code(Window/Mac)免费/开源编辑器,https://github.com/Microsoft/vscode,你可以去它的官网去看看它的介绍http://code.visualstudio.com

命令行工具Terminal

1. iTerm(Mac)免费

它是 OS X 下一款开源免费的的终端工具,直接替代自带的Terminal。这个可是Mac下最好用的终端工具了,没有之一,堪称神器,尚方宝剑

时间: 2024-09-21 07:26:36

工具武装前端工程师的相关文章

5个前端工程师必备的最佳开发工具

 开发工具-前端工程师必备工具"> 原文作者 Arnaud Breton 为前端工程师,特别专注于前端和使用者经验,这篇文章出自于mention blog.以下内容由作者以第一人称撰写. 过去几年一直不断地提到 Web 应用新世代的成长,这些 App 内容变得越来越丰富,带动了前端整体的复杂度大幅增加. 像是 Backbone(藉由提供模型).AngularJS 和 EmberJS 框架都是创造新 App 非常好的框架,增强了所有 Web 的功能;同时,Web 程式语言 Javascrip

应聘网站前端工程师的简历应该怎么写?

春节前在蓝色理想上发了个"雅虎口碑招聘前端工程师 "的启事, 职位: 前端工程师 薪金: 面议 有效期至: 2009-02-28 工作地点: 浙江杭州西湖区文三西路 公司名称: 雅虎口碑 简历投送邮箱: kaven.yan@yahoo.com 学历: 不限 是否应届: 不限 年龄要求: 不限 性别要求: 不限  职责:负责雅虎口碑网前端的开发 要求:.1.热爱前端,耐住寂寞,并计划长期靠此吃饭2.深刻的理解HTML和CSS,并有丰富的应用经验3.精通JavaScript4.任何有利于前

淘宝前端工程师:国内前端行业10日谈

一直想写这篇"十日谈",聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是"初级"前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅.时势造就了一批技能薄弱但备受追捧的"弄潮者",这在很大程度上影响我们对"技术本质"的洞察力,多

如何成为一名卓越的前端工程师

译自 Philip Walton 的博客 看过之后非常有感触,很多观点都是自己长期非常坚持和认同的,所以翻译出来分享给更多的前端同学! 最近我收到一封读者来信让我陷入了思考,信是这么写的: Hi Philip,您是否介意我问您是如何成为一名卓越 (great) 的前端工程师的?对此您有什么建议吗? 我不得不承认,我很惊讶被问这样的问题,因为我从来不觉得自己是个很卓越的前端工程师.甚至我入行头几年时并不认为自己可以做好这一行.我只确定自己比自己想象中还才疏学浅,而且大家面试我的时候都不知道从何问起

写给想成为前端工程师的同学们 —— 前端工程师是做什么的?

前端工程师是做什么的?  前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色.从狭义上讲,前端工程师使用 HTML.CSS.JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端.移动端网页,处理视觉和交互问题.从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域.(web前端学习交流群:291851189 如果你想学习前端可以来这个群,里面可以学习和交流,也有资料可以下载)  2005年的时候大多数网页长这样:  现在的网页一

前端工程师必备技能汇总

项目起源 还记得@jayli 的这幅前端知识结构图么. 前端知识结构 图片的形式具有诸多的不便.缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个github项目.我们可以通过协作的方式来共同维护这个项目.Git的历史记录也可以见证前端行业的一些变迁. 尽管会变成文字的方式来维护这些内容,但是我承诺写一个小工具帮大家生成更好玩的图形(基于DataV项目). 前端开发知识结构 前端工程师 SVG/Canvas/VML SVG: D3/Raphaël/Sna

如何成为一名优秀的web前端工程师

我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师. 何为:前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业. Web前端开发技术主要包括三个要素:HTML.CSS和JavaScript! 它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括

前端工程师做事的三重境界:我的进阶之路

写作本文的目的:构建自己关于前端工程师成长过程的认知模型,从自己的视角来分析 Programmer.Developer.Enginner 的能力结构与工程师成长过程的关联,并分享出来给大家,期望能对入门的前端同学有所借鉴和启发.需要提前说明的是,文中用到的工程师的不同叫法并不是要给工程师分类或者贴标签,因为工程师的成长过程是连续的,喜欢钻牛角尖的同学请自行绕路. 程序员 or 工程师 圈内对从事软件开发的同学有很多叫法,如程序员(Programmer).开发者(Developer).工程师(En

如何成为一名卓越的前端工程师(译)

最近我收到一封读者来信让我陷入了思考,信是这么写的: Hi Philip,您是否介意我问您是如何成为一名卓越 (great) 的前端工程师的?对此您有什么建议吗? 我不得不承认,我很惊讶被问这样的问题,因为我从来不觉得自己是个很卓越的前端工程师.甚至我入行头几年时并不认为自己可以做好这一行.我只确定自己比自己想象中还才疏学浅,而且大家面试我的时候都不知道从何问起 话 虽这么说,我到现在做得还算不错,而且成为了团队中有价值的一员.但我最终离开 (去寻求新的挑战--即我还不能够胜任的工作) 的时候,