Learn the front-end template engine jade (1), front-end jade

Learn the front-end template engine jade (1), front-end jade
1. Why Learning jade? 2. Start jade installation.

3. Start Using jade to build a front-end template.

2. We can write the jade template code in the jade file, which is very easy to understand.

3. the code above can be understood by everyone. It is to create a regular front-end html file, but the specification is the jade specification. Then we can go to the cmd command line tool cd to the current folder, then, the current jade file is compiled. A compressed html file is generated in the same directory.

4. compressed files can be uncompressed by adding-P. If you have to execute the command line every time you change the template, isn't it necessary? We can add jade-P-w jade. jade adds a-w to enable the monitoring mode. Every time you change the template, html files are automatically compiled.

5. Now let's take a look at the generated html file. Has the normal html dom tree been generated?

4. Be familiar with jade specifications.