在今天的文章中,大家将从以下几个方面来比较各种类型的代码编辑器
大师级别
vi
vi对于使用过unix的朋友来说,绝对是再熟悉不过的代码编辑器,有多少伟大的程序和代码是由vi开发编辑的啊,既然是大师级别的代码编辑器,对于大家这些普通人来说,只能说是好听不好用,基本上偶周围的朋友使用vi的人大都是因为操作系统没有安装其它编辑器,也懒的花时间去安装。当然使用也相当麻烦了,你得记住一大堆的命令,如果你记不住,唯一能做的就是关闭。偶现在还记得偶初次使用vi的时候,自己老老实实的打印了一张命令表,贴在墙上随时参考使用。
Vim
Vim是一个类似于Vi的文本编辑器,不过在Vi的基础上增加了很多新的特性,Vim普遍被推崇为类Vi编辑器中最好用的一个。最早1991年发布,赢得了开源世界的欢迎。和其它的代码编辑器相比不同的是命令行的工作方式。和简单的输入代码不同,你选择输入和选择文字,运行正则表达式的搜索,并且使用更多其它的命令。vim使用脚本和插件可以变得非常适合扩展。可以支持GUI或者命令行。同时可以支持所有的操作系统。在大多数的Linux系统都预先装。
Emacs
Emacs开发自1970,现在依然开发。这个编辑器拥有扩展,并且可以加载自定义的类库。它是第一个实现了代码高亮,自动缩进和多编程语言支持的代码编辑器。和Vim一样,跨平台同时支持图形化界面和命令行。这个编辑器和LISP解析器整合,通过这个方式高手们可以修改它到极致。同时它是免费软件并且开源。
专业级别
Eclipse
Eclipse是开发java应用的必备代码编辑器。这个IDE整合了插件结构,可以使得它轻松的支持其他编程语言。它拥有C/C++,Ruby,PHP和其它语言开发。类似Google的功能开发自己版本的开发套件,所以可以很简单的创建Android和App引擎。免费并且开源。
Apatana Studio
Aptana是一个专门为富客户端web应用开发设计的代码编辑器。基于Eclipse,并且帮定了强大的新工具。支持最流行的web开发语言:PHP,javascript,HTML,css,Ruby,Python和其它更多插件。它拥有Git整合,能够部署你得应用到远程服务器。和Eclipse一样,Aptana是免费和开源。
Netbeans
Netbean是另外一个开发欢迎,和Eclipse一样,可以扩展支持其它的编程语言,PHP,Python,C/C++和其它。可以运行在Linux,windows和OSX上。Netbeans可以快速的帮助你开发桌面应用,并且支持拖拽GUI,带来的负面影响就是性能差一些。但是这个IDE免费并且开源
Dreamweaver
Dreamweaver属于adobe应用套件之一,主要用来开发web应用。提供了最流行的web编程语言的支持:PHP,,Javascript,HTML,CSS。 主要为了初学者方便的编程,支持所见即所得的编辑方式。可以方便的部署到服务器,并且可以用来开发jQuery移动应用。同时支持OSX和Window。单一价格$399。当然买套件更加合算。
Visual Studio
visual studio是一个All-in-one的windows开发环境。支持大量的开发语言(C/C++,C#,和F#)。可以用来开发桌面应用,移动和web。拥有强大自动补齐,行内文档,错误效验,debugging,表单设计,数据库schema设计。价格从$500开始,但是一个快速版本的visual studio可以免费使用,大家可以使用有限的开发特性。
Xcode
Xcode是一个Apple的解决方案,用来开发OSX和iOS应用。支持C,C++,Objective-C,Objective-C++,Java,AppleScript,Python和Ruby。使用Xcode你可以书写,debug和预览代码。提供了GUI builder和一个移动设备模拟器用来测试iOS应用。IDE基于开源工具例如GNU Debugger和Apple LLVM compiler。Xcode曾经需要付费,但是现在免费提供给大家使用。
Coda 2
Coda是一个all-in-one的web开发人员工具。包含了FTP文件传输,代码导航,代码缩放,终端GIT整合,Mysql管理和其它。使用新的Coda2发布,你可以使用ipad作为一个预览屏幕。普通版本价格$99,但是你可以得到$75美元的折扣价。
设计级别
以下介绍的编辑器是轻量级,易于使用并且可扩展。这里有很多的支持社区,提供了插件,文章及其使用技巧。
Textmate
TextMate是一个OSX上的常用图形文本编辑。包含了很多扩展的功能支持,包括:宏,bundle,代码缩放,代码片段,shell整合,剪贴板历史和项目管理。在TextMate2中,大家期待带来很多需要的功能,比如,拆分视图和全屏视图支持。这个编辑器价格大概50美元。
Sublime Text 2
最近最火的编辑器非它莫属了,sublime 是一个超漂亮的跨平台编辑器。速度快并且功能丰富,几乎支持所有的编程语言。支持多行选择,代码缩放,键盘绑定,宏,拆分视图等等。同时拥有全屏和免打扰模式。非常适合大屏幕的显示。和TextMate类似,拥有一个非常活跃的社区支持,而且开发了很多的插件和bundle,以前大家介绍过的使用sublime text 2开发Javacript和jQuery,大家可以看到Sublime的强大。它同时支持Linux,Windows和OSX。这个编辑器可以无限期试用。当然你可以花59美元购买,并且安装到任何一台你自己的电脑上。
普通级别
Notepad++
Notepad++是windows上的一个强大的轻量级编辑器。虽然名字好Notepad很像,但是功能更强大。支持几乎所有的编程语言,并且支持屏幕拆分,拥有FTP浏览器,宏及其强大的文本编辑功能。
TextWrangler
一个免费的轻量级的OSX编辑器,支持多种编程语言。提供了强大的多文件搜索和替换功能,文字处理,文件比对,自动缩进,ftp等功能。
postcss和cssmodule是什么?
postcss是什么?
根据官网的解释,它是一种javascript编写的工具,用来转化css的。可以认为它是处理css的插件集合,需要配合诸如webpack、gulp等编译工具才能展现它强大的能力。
目前社区提供了非常多的插件,比较有名的如下:
autoprefixer 可以为css的属性配置兼容性的前缀,不需要手动添加postcss-preset-env 允许你使用更加现代的css特性stylelint 检查css语法错误cssnano css的压缩器等等postcss的原理
如果大家了解babel的原理,那就应该听说过AST即抽象语法树。编译器将字符串进行词法分析、语法分析,再做转换,最终达到预期的结果。postcss也是同样的原理,这个包已经为使用者提供了解析的方法parse,并且也提供了很多转化的API,利用这些就可以自己开发一款postcss插件了。
css Module是什么?
先前呢,大家使用css选择器,它是对整个页面是有效的,也就是全局的,当你每次迭代需求的时候,需要考虑每次添加新的css是否会影响到其他地方,所以大家有时选择为样式表添加命名空间。css Module为大家提供了另外一种开发方式,它可以使css具有局部作用域。
用法如下:
用法是如此的简单,基本一看就会,css-loader为大家提供了css Module的开关,只要为css-loader添加参数选项modules就可以开启。注意:它必须放在less或者sass的loader之前。
那它如何做到局部作用域的呢?
打开element面板可以发现,它把class变成了md5戳,对应每个组件,保持唯一。
vue的scoped
由此大家联想到vue的scoped,它也解决了css局部作用域的问题!
它在dom上生成了一个data属性,并且给class选择器添加了属性选择器,类似于之前的md5戳。不过由于添加了属性选择器,使得选择器的优先级变高了,想在组件外面覆盖css属性就变得不那么容易了!
喜欢偶的回答就关注偶吧,有问题可以发表评论,大家一起学习,共同成长!
有什么好的sketch插件可以推荐下?
Sketch中 提供了一个非常强大的第三方插件库功能,可以将第三方开发的插件导入到sketch中,用以弥补sketch部分功能不足的作用。
在sketch的偏好设置中,可以将下载的插件直接导入到插件库中进行安装即可使用。
而在UI设计中,大家常用的插件可以分为:切图标注、交互预览、协同工作、辅助设计排版等四大类。
这里围绕这几个分类介绍一些sketch中的插件:
切图标注与协同工作
1、sketch cloud
Sketch cloud严格来说不是一个第三方的插件,是sketch中自带的一个将设计稿上传到sketch云中进行协作的平台,只需注册一个邮箱账号,就可以将设计稿上传到sketch cloud。
sketch cloud主要作用:预览演示、分享设计稿、协同工作(评论等);官方的这个插件,目前是免费的。
2、蓝湖
蓝湖是一个团队协作平台,蓝湖针对sketch专门开发了一个插件,可以快速的将设计稿通过插件上传到蓝湖平台进行管理,蓝湖可以对接产品、设计、研发的流程,降低沟通成本。
国内有很多的创业团队、中小企业都是在用蓝湖管理设计稿,不仅可以对设计稿进行标注、预览,还可以按版本、迭代次数等管理设计稿。
此外,产品经理、交互设计师还可以将产品文档、原型、交互文档等上传到蓝湖,统一管理。
蓝湖的下载地址为:
/mac
3、zeplin
Zeplin是一个外国公司开发的sketch插件,主要功能和蓝湖比较类似,主要包括设计稿的标注、同事之间的协同工作,国内访问速度稍微比较慢,但是功能也很强大。
Zeplin的下载地址为:
https://zeplin.io/)
4、 iDoc
iDoc是摹客旗下的一个自动标注切图插件,也是一个协作设计的平台。
iDoc的下载地址为:/download/sketch
5、Parker
Parker是sketch上一个高效的自动标注工具,能够自动计算尺寸、距离、文字大小、阴影等信息,并按照你的需要进行标注, 它极大节省你标注的时间,大幅度提升设计效率。
Parker的下载地址为:/zh/sketch/parker
设计稿预览
1、sketch mirror
sketch mirror是sketch官方开发并推荐的一款可以在iphone上预览设计稿的插件,mirror官方只支持iOS,可以在App store中下载sketch mirror,然后通过USB或相同的Wi-Fi即可连接使用。
2、Desgin mirror
设计稿实时预览工具,完美支持sketch,Desgin mirror可以支持在iOS和安卓系统的手机上预览设计稿,且支持PS、Xd等软件。
3、蓝湖APP
蓝湖App可以支持将sketch设计稿在手机中预览,同时支持iOS和安卓系统的手机。
4、Exporter
Exporter是一个支持在浏览器中本地化预览HTML设计稿的一个sketch插件,可以在浏览器中预览设计稿上设置的热区、交互等效果,比较适用于Web界面的设计稿。
其它插件
1、Sketch Measure
Sketch Measure是一个可以标注尺寸、区域、备注、颜色等的标注工具,同时还可以设置导出规范、颜色命名等。
2、Kitchen
Kitchen是Alipay旗下的一个sketch插件,你可以通过插件将设计稿上传至画板,足不出户就能管理你的设计资产。并且在 Sketch 中做好的交互原型,通过 Kitchen 插件上传设计图后,该 Sketch 中的原型会直接同步至语雀,也可以通过语雀的热区的功能制作 prototype。
此外,Kitchen还可以做模拟数据的快速智能填充,也可以做到文字、段落的自动排版等,大大提高设计效率。
Kitchen的下载地址为:
/
萝卜青菜各有所爱,按需索取。
电脑端有哪些特别好用的小工具?
电脑上好用的小工具软件还是非常多的,不同的人可能会有不同的爱好和选择,在这里,偶就分享10个偶使用最多的软件吧,真的非常实用且好用。
一:Arctime pro。
Arctime pro是一款非常强大的视频字幕编辑软件,可以轻松制作了与视频音频同步的字幕文件。制作出来的字幕,可以输出为SRT、ASS、Encore等格式,独立工程文件,保存所有信息,支付linux、苹果的mac os、微信的windows系统。
二:Camtasia studio。
Camtasia studio是一款功能强大的视频编辑软件,如果你也是一个自媒体人,喜欢在网上发一些短视频,Camtasia studio真的是你最佳的选择。通过Camtasia studio大家可以给视频添加非常多的特效:视频动态背景、视频过渡特效、文字的行为特效、动画特效、鼠标指针特效、注释特效、语音旁白等等。而且大家还可能通过Camtasia studio来给电脑的屏幕屏录。
三:Sublime text。
如果你是一个程序员,Sublime text你肯定不会陌生,它是一款功能非常强大的编程软件,大家可以用它来编写PHP、.net、html、css、JS、java、C等等几乎所有的语言。Sublime text还可以无限制地扩展自己的功能,如:可以添加插件(Sublime text的插件成千上万)、可以更换主题等等,这样可以让Sublime text更加人性化,更加方便程序员使用。
四:Xshell。
Xshell是一个非常安全的终端模拟软件,大家可以通过Xshell登录远程服务器,来管理自己的远程网站服务器,从而达到有效控制远程终端的目的。而且还可以通过Xshell直接打开Xftp,这样可以对服务器文件进行图形化管理,比ftp软件还要方便。
五:雨燕投屏。
如果想把自己的手机投屏到电脑上,雨燕投屏是一个非常不错的选择。偶也使用过其它投屏软件,如:乐播投屏、傲软投屏等等,它们在免费情况下都有诸多限制,乐播投屏免费时,只能录屏10分钟就会自动断开。雨燕投屏就没有这方面的限制哦,想录多长就录多长。
六:Bandicam。
Bandicam是一款非常不错的录屏软件,通过Bandicam录屏软件,大家可以全屏录制、局部选择录制、追随鼠标录制,还可以录制电脑摄像头,这对于那些做视频教程的媒体人来说,非常有用哦。偶发布的视频和教程,基本上都是通过Bandicam来录制的。
七:Wampserver。
Wampserver是一个windows系统本地服务器集成开发环境软件,集成了Apache、Mysql/MariaDB、Perl/PHP/Python。这对于一个动态网站开发人员或学习动态语言的人来说,非常有用,可以先在自己的电脑上开发好网站程序,然后再上传到真正的网站上去。
八:格式工厂。
格式工厂是一个非常强大的视频、音频、图片等多媒体格式转换器,支持把市面上几乎所有类型的视频,转换成MP4、3GP、MPG、AVI、WMV、FLV、SWF等视频格式,也支持所有类型的音频转换成MP3、WMA、WAV等主流音频格式,还可以把视频转换成GIF动画图片。
九:VMware workstation。
VMware workstation是一款最受用户喜欢的虚拟机软件,虽然windows系统也自带有虚拟机工具,但是没有VMware workstation好用,而且功能也没有VMware workstation强大。大家在VMware workstation上可以安装所有的电脑操作系统,如:dos、windows、linux、mac os。如果你想在windows电脑上学习苹果mac系统、linux系统,VMware workstation虚拟是你最佳的选择。
十:Xmind。
Xmind是一款风靡全球的头脑风暴和思维导图软件,通过Xmind,大家可以创作出丰富多彩的思维导图。Xmind可以绘制出多种样式的思维导图:鱼骨图、二维图、树形图、逻辑图、组织结构图等等,而且Xmind还提供了非常多的模板,让大家绘制更加简单。
以上就是偶的观点,喜欢就【点个赞】吧!
如有不同意见,欢迎发表【评论】。同时,欢迎【关注】偶,观看更多精彩内容。