当前位置:Gxlcms > html代码 > 刚开始学HTML5+CSS,用什么软件好?

刚开始学HTML5+CSS,用什么软件好?

时间:2021-07-01 10:21:17 帮助过:53人阅读

一个大鸟帮我推荐了notepad++,然后我看教程的时候看到人家用的interlij idea,请问它们有什么区别?分别是干什么用的?我想用那种写了代码可以在网页上预览效果的软件。对这个是刚入行,所以不是懂得太多,在w3c和慕课上刚开始学h5+css
有没有低姿态、乐于助人的知乎人能给我个建议

回复内容:

  1. notepad++ 是个编辑器 ,启动快速,功能全面,跑起来很高效。
  2. IntelliJ IDEA 是个集成开发环境,启动慢,功能多(大部分是你用不上的),但对新手更友好(主要体现在强大的搜索功能和无处不在的自动完成)。
  3. DreamWeaver 也是老牌的集成开发环境,就是贵了点。

我建议你用 notepad++ 类的软件,这样在学习的时候能够更理解本质。CSS 和 HTML 就那么点东西,手敲也不见得多累。装上 Zen Coding ,既高效又装B。

当然有空的时候能学学 Vim 就更好了。

1. 编辑器里边推荐sublime,这是通过自己的简单配置,能够顺手使用的一款,界面炫酷,主题漂亮,体验给力。

2. 另外vim,emacs,textmate入门曲线比较陡,不建议使用。

3. 另外简单点的:notepad++,editplus,选那个区别不大。notepad++有黑色主题,editplus启动还是那么快。

4. webstorm,phpstorm,intellijdea,随便选一款,都差不多。分别支持不同的后台语言而已。

而web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, Emmet Documentation,而这两个对他的支持是:

sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。

webstorm是所有编辑器里边唯一内置emmet的一款,并且将emmet的精神往前推动的一款。



然后还是那句话:编程的核心是代码,代码的灵魂是算法或数据结构,所以你懂得,随便选一款得了。
phpstorm,idea包括所有webstorm的功能。只是phpstorm是针对phper的,idea是针对javaer,webstorm针对前端er。

一. css工具:

1. emmet Emmet Documentation

a. 可以以插件的形式安装在dreamweaver,notepad++,editplus,sublime各个编辑器上。

Zen Coding: 一种快速编写HTML/CSS代码的方法

zen coding更名为emmet,新加更多特性

zen coding更新到 0.7

zen coding资源更新

zen coding的dreamweaver插件安装教程

emmet在sublime上的效果:

1). css :他与其它编辑器的区别在于细节上,比如ctrl,alt+方向键可以修和里边的数值

2). html 效果:

3). sublime的emmet规则修改:

packages->Emmet->emmet->snippets.json

b. 只有一个例外jetbrain公司的产品线:webstorm,phpstorm,intellij idea都是内置的,不需要安装。

1).

写js的效果:

2). webstorm的emmet规则修改:Files -> settings -> Live Templates


另外对前端开发感兴趣的加这个群:327388215

用什么编辑器无所谓吧,先保证你能静下心学 sublime text 3。 我一直都是用Brackets
Brackets - A modern, open source code editor that understands web design. 这就是编辑器,难道学习这方面的还要特定的软件吗?我说记事本也可以帮你工作,你信吗?工具都不是重要的,重要的是你要去真心的学习。 用HBuilder爽死你 感觉GitHub出的Atom不错,就是插件还不太完善。 DCloud HBuilder-做最好的HTML5开发工具
对于那些跟你推荐用notepad++来学习h5+css的,我真的不好多说什么! Hbuilder

人气教程排行