求助大神帮忙推荐一款适合前端小白的编辑器?

koalababy
  • 180

本人还在使用dreamweaver,但是大神们说生成的文档类型有问题,请大家帮忙推荐一款编辑器,最好带CSS属性补全功能,因为目前CSS还在学习阶段。

回复
阅读 34k
62 个回答

WebStorm,可以试一下~

诸葛小觉
  • 302

使用 sublime text 编辑器
顺便安装下列插件:
图片描述
图片描述

  • 还可以尝试一下 webstorm 这个编辑器,没尝试过,似乎挺好用的
sudu8
  • 125

我一直在用楼上说的 Sublime ,不过刚刚学习那会用的是notepad++ 也是一款轻量级的编辑器,很好用,不卡机,就是插件没有sublime 那么多

饿,抱歉,虽然不知道什么是补全功能,不过之前我学习网页制作(HTML,CSS)的时候,用的是一款轻量级的编写软件notepad++。感觉挺好用的。可以试试。图片描述

同前端小白,用过sublime,dw,webstrom。个人推荐webstrom,自动补全,错误提示,感觉这个是最重要的,等你getElementById因为一个字母顺序打错无法呈现你想要的结果查了一个下午才发现是这个错误你会疯的!你会疯的!你会疯的!(重要的事情说三遍)。还有,它还可以支持node,你不需要在命令行输入 node node.js 来运行node环境,直接点击就行了。支持React等等,功能强大!下载地址,就如何官方宣传的一样:the stmartest JavaScript IDE

推荐webstorm 连单词拼写是否错误都能提示 为什么不选择呢?

优点:最强大的前端IDE,没有之一
缺点:耗内存

Coffce
  • 1.5k

自己用过不少编辑器,做个大概的介绍,选择看你自己。

普通编辑器:
1.sublime Text
st无疑是最火的编辑器之一,默认几乎什么功能都没有,但可以通过大量的插件来扩展它。
如果再早一两年,st我认为是前端首选。但是今天起至可预见的将来,我认为它的市场份额会被慢慢蚕食,最后淘汰,原因见下面。

由前端做的编辑器:
就是由html+js+css开发的编辑器,相比sublime text来说,这类编辑器占用内存更大一些,性能也要低一些。但是由于是用前端做的,生态非常繁荣,功能也远超sublime text,这类编辑器是目前和未来的趋势,各大公司都推出自己的一套。
1. Brackets
Adobe的编辑器,该有的功能都有,插件和主题也非常多,可以满足日常需求,目前正在用。缺点是一般会占到200,300M的内存。
2. Atom
Github的编辑器,前不久出了新版本,目前较火。
使用不多,只体验了一会,感觉比较容易卡死。。
3. Visual Studio Code
微软的编辑器,迷你版的VS,目前还是测试版。很多功能还在开发中,插件也还没有支持。只从目前测试版的体验来说,这个编辑器实在领先其他编辑器太多:强大的智能提示,内置NODEJS调试,性能也非常优秀。但最好还是等到正式版出来再用,没有插件支持是个很严重的问题。

Facebook也出了个,没用过就不说了。

IDE类:
IDE类我不怎么用,大家都是推荐Webstorm的。
Dreamweaver属于上个年代的产品,不建议使用。
HBuilder是国产良心作品,智能提示做的很好,但是是基于Eclipse改装的,速度很慢,放在今天看已经没有任何优势。我自己用过很长时间的HBuilder,跟Sublime Text残疾的智能提示比起来,Hbuilder实在人性化的多,但跟Brackets等相比就捉襟见肘了。

Sublime不解释

电脑只装一个编辑器,就是Sublime,什么插件都有

其实用好的编辑器就是加快开发进度,自动补全下代码之类的。小白的话最好自己多练练,不要自动补全,多背背css属性和js方法。推荐你直接用vim,不要怕麻烦,花一到两天时间熟悉,之后就发现离不开它了。用一段时间再去学着装些插件,完全按照自己的喜好配置

sublimetext3(无比性感的文本编辑器)/notepad++(编码转换无敌). 最后有一定经验了,写前端没用过Webstorm都不好意思说自己是做前端的。

sublime;
刚刚楼主说是前端学习阶段,我的建议是既然是学习阶段就更应该多敲,多熟悉,而不要依赖提示。
既然这样的话可以考虑editplus。
我刚刚接触的时候很多的css样式名不会,js方法不记得,html属性不记得。
但是强迫自己百度一个就手写一个,现在有时候去客户现场实施的时候记事本也是能干活的。

已注销
  • 2
新手上路,请多包涵

既然你說了'適合小白', 那就先把Vim放一邊吧.
試試Sublime, Atom 或是 Brackets.
Vim是很不錯的編輯器, 但學習它需要花費一些時間, 先省下這筆時間做別的吧.

sublime, 不要纠结编辑器了,把sublime用熟悉了就行。

狸五郎
  • 2
新手上路,请多包涵

webstorm 缺点是没有中文

我现在就是dw+webstorm

没人提到visual studio code啊
这段时间用上了感觉爱不释手了

为啥没人推荐hbuilder,你看看,顶好用的IDE

kurotokiya
  • 1
新手上路,请多包涵

atom,很好用。。

要自动提示好就需要专业的前端工具,初学dw其实就比较适合了,我一直在用hbuilder,对前端开发来说是非常好的,bracket也比较好

sagero
  • 3
新手上路,请多包涵

HBuilder&Sublime

webstorm……开发神器!

Webstrom 无需多言
但是推荐新手用vim写代码
至于为什么?哈哈就像有人吐槽语法宽容会造成程序员思维不严谨一样
当你没有IDE的时候不至于代码写N遍都在排出语法错误

喜欢sublime,轻便。

前端的话,最好的还是Sublime Text,你会爱上他的,看一下教程,你就很快可以上手了飞了!!

webstorm + sublime Text 你不变的选择

剑塚中,埋的是独孤求败一生几个阶段中用过的几柄剑。

第一柄是一柄青光闪闪的利剑:“凌厉刚猛,无坚不摧,弱冠前以之与河朔群雄争锋。”

第二柄是“紫薇软剑,三十岁前所用,误伤义士不祥,悔恨无已,乃弃之深谷。”此剑已被弃之深谷,故不在剑塚之中,以一长条石片代表。

第三柄是玄铁重剑:“重剑无锋,大巧不工。四十岁前恃之横行天下。”外表黑黝,剑身深黑之中隐隐透出红光,三尺多长,共重八八六十四斤(新修版改为九九八十一斤),两边剑锋都是钝口,剑尖圆圆的似是个半球。

第四柄是柄已腐朽的木剑,原因是独孤求败“四十岁后,不滞于物,草木竹石均可为剑。”

--摘自《射雕英雄传》

sensui
  • 53

brackets 好用 不用刷新 轻量 帅气 adobe 亲儿子 但只能写前端代码
sublime 好用 插件多 轻量 可以写前后端代码 但是对中文支持有点小问题
hbuilder 中文 国产 快速 好用 IDE 级别 吃内存
前端 只推荐这3款 其他可以不用考虑.

sublime长得很酷,写起来爽。但是代码错误提示不够丰富,可能会有拼写错误
webstorm比较全,代码编写有丰富的提示而且有错误提示
hbuilder刚开始用,中文可能算是一个优点

个人使用体验:
1.比较成熟的:
sublime text 3。 使用中,跨平台, 比较个性化,自己配置各种插件。 社区稳定,基本能找到各种你想要的插件。轻量级编辑器。

webstorm 棒棒的各种提示,特别适合新手,还集成了nodejs调试功能,也能添加主题包之类的,就是有点大,安装麻烦,还需要破解, 个人建议 支持正版。缺点是吃内存比较重,容易卡死。

  1. 其他:

    Atom, 目前正在使用,为了区分插件。使用atom编辑react相关,社区逐步完善,很多sublime的插件都有移植过来,大文件貌似会卡死。技术上是使用node-webkit编写的,前端的人会相当有好感。建议新人尝试下,毕竟github上最活跃的就是js。

    Brackets, 不是很稳定,还会出现各种卡死,重启,一个同事用过,说很一般。

    Visual Studio Code, 体验过,感觉一般,没有深入。

我比较喜欢WebStorm,的确是很棒的
1.第一次使用的时候,会感觉这个界面和配色真的很丑,英语好的话,可以Ctrl+Alt+S,修改界面配色,字体大小。英语一般的话,可以上网搜索一下WebStorm配置,上面有别人配置好的,直接导入即可的
2.这是内置Ement的IDE,各种插件都有,可以直接在设置里面找到安装中心,极其方便
3.各种各样的提示,简直令人发指,不止有HTML,CSS,JS等等的提示,还有错误输入的提示,包括有些单词错误,最后还会提醒各种更好的写法。比如0,0PX,(其实也不知道这个算不算)


缺点也有:比如启动速度,我那个十里八乡啊-----
但真的很棒

新手最好还是不要自动补全了吧,如果你只需要这个功能,任何编辑器都可以,notepad++很轻量级,而且界面操作简单,完全可以替代电脑的笔记本,sublime新手不适合,hbuilder我也是在一个峰会上了解到的,他是前端专用的工具,基本的功能都有,还有兼容性提示等等,具体楼主可以自己全部下载下来,尝试一下

HBuilder是我们认为当前最好的web开发工具。它能大幅提升开发效率,对程序员也设计了更人文关怀的UI,它包括最全面的语法库和浏览器兼容性数据。HBuilder是面向追求效率的极客开发者的,比如HBuilder强调的手不离键盘、飞一样编码。与之相对应的另一面代表是dreamweaver,dreamweaver拥有可视化拖拉拽布局页面的设计器,更多的是面向设计师或初学者。

个人觉得,用什么编辑器不重要。重要的是用熟练一款编辑器,把它打造成最适合自己的工具。编辑器前面的大神已经推荐的差不多了。骚年,噪起来吧!

我能不能说我喜欢用MyEclipse的编辑器来写,样式,脚本有自动提示

前端肯定WebStorm啊,其他编辑器也有功能很强大的,但是WebStorm肯定是最适合前端的...

用过各种编辑器,如果不写node,用sublime真是极好的。小巧性感

HBuilder&Sublime 这两个都挺好用的

webstrom 功能很全

又是一场圣战,个人推荐SublimeText,如果跑服务的话,用WebStorm

brackets 或者 hbuider这俩把

写项目,团队协作建议webstorm
写脚本,写demo建议sublime,atom,visual studio code
偶尔命令行vim

webstorm 适合团队开发
sublime 适合个人开发
atom 未来情景不错

emeditor 用了好多年。。。我是路过。。

我赌sublime最多

sublime无悬念,尤其对于新手来说,最好不要用ide,多手写,实在不愿手写,sublime的提示插件也是很多的,相信会让题主满意的

boxpro
  • 3
新手上路,请多包涵

windows 下我推荐用 自带的记事本!

推荐sublime速度快,atom 和 brackets 这类得速度远不如sublime启动速度以及代码着色和联想补全功能。

M2shad0w
  • 86

sublime webstorm vim emacs

自己写模板,切图什么的用sublime text 3,好用又快。

web app开发用webstorm,直接开启terminal,方便极了。

临时修改文件,用记事本或者notepad ++,方便。

atom 再安装个中文插件...小白足够用了

我一般都是用电话的01键写机器码,效率虽然没有记事本那么高,同时语言也没有汇编那么简洁明了,但是能清楚知道内存的分配情况,还是很有帮助的

宣传栏