What software should I use to learn HTML5 + CSS at the beginning? -

Source: Internet
Author: User
A big bird recommended notepad ++ for me. When I read the tutorial, I saw interlijidea used by others. What are their differences? What are they? I want to use the software that writes code to preview the effect on the web page. This is just an incoming row, so I don't know too much about it, at the beginning of w3c and MOOC, I learned how to use h5 + css. Do you have any bad attitude or willingness to help others? Could you give me a suggestion? A big bird recommended notepad ++ for me, then I saw interlij idea when I was reading the tutorial. What are their differences? What are they? I want to use the software that writes code to preview the effect on the web page. This is just an entry, so I don't know much about it. I just started learning h5 + css in w3c and MOOC.
Do you have any questions about low profile and willingness to help others?Reply content:
  1. Notepad ++ isEditor, Fast startup, comprehensive functions, and efficient running.
  2. IntelliJ IDEA isIntegrated Development Environment, Slow startup, many features (most of which are not available to you), but more friendly to new users (mainly reflected in powerful search functions and ubiquitous Automatic completion ).
  3. DreamWeaver is also an old-fashionedIntegrated Development EnvironmentIt is expensive.

I suggest you use notepad ++ software to better understand the essence of learning. CSS and HTML are just a few things, and it's not a lot tired of hand-hitting. Install Zen Coding Is efficient and B is installed.

Of course it is better to learn Vim when you are free.

1. sublime is recommended in the editor. This is a simple configuration that can be easily used. The interface is cool, the theme is beautiful, and the experience is awesome.

2. In addition, the vim, emacs, and textmate entry curves are steep and are not recommended.

3. In addition, it is easy to choose notepad ++ and editplus. Notepad ++ has a black topic, so it is still so fast to start editplus.

4. Choose either webstorm, phpstorm, or intellijdea. Different Background languages are supported.

The web Front-end development is related to other development. sublime text is recommended.The reason for webstorm (jetbrains) is that there is a technology called emmet and Emmet Documentation.And the two support for him is:

Sublime text is the only one that supports emmet in all editors.

Webstorm is the only built-in emmet in all the editors and pushes the emmet spirit forward.



The core of programming is code, and the soul of code is algorithms or data structures. So you know that you can choose one.
Phpstorm and idea include all webstorm functions. Only phpstorm is for phper, idea is for javaer, and webstorm is for front-end er.

I. css tools:

1. emmet Emmet Documentation

A. It can be installed in dreamweaver, notepad ++, editplus, and sublime as a plug-in.On each editor.

Zen Coding: A quick way to write HTML/CSS code

Zen coding changed its name to emmet, adding more features

Zen coding updated to 0.7

Zen coding resource update

How to install the dreamweaver plug-in of zen coding

Effects of emmet on sublime:

1). css: The difference between css and Other Editors lies in the details. For example, ctrl, alt + arrow keys can be used to fix the values in the editor.

2). html effect:

3) modify the emmet rule of sublime:

Packages-> Emmet-> emmet-> snippets. json

B. There is only one exception to jetbrain's product line: webstorm, phpstorm, and intellij idea are all built-in and do not need to be installed.

1 ).

Js writing effect:

2) modify the emmet rule of webstorm: Files-> settings-> Live Templates


Add this group to be interested in front-end development: 327388215

It doesn't matter which editor you use. First, make sure you can learn sublime text 3. I always use Brackets.
Brackets-A modern, open source code editor that understands web design. This is the editor. Do you need to learn specific software? I said notepad can also help you work. Do you believe it? Tools are not important. What matters is that you really want to learn. With HBuilder, you feel like GitHub's Atom is good, that is, the plug-in is not perfect yet. DCloud HBuilder-the best HTML5 Development Tool
For those who recommended using notepad ++ to learn h5 + css, I really have nothing to say! Hbuilder

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.