Web front-end development tool--ruby-based Sass,compass and Dreamever+emmet plugins

Introduction: WEB front-end HTML pages and CSS files can sometimes be cumbersome to write, but with tools that help us easily build pages. Sass is a CSS development tool, with the corresponding syntax, you can have logic and concise writing CSS code. This article describes the main is based on Dreamever CS5 plus Emmet plug-ins to quickly write concise HTML pages.

1. Ruby Installation and Configuration

Ruby can be found in Baidu search Baidu Software Installation Center or the official website to download. Installation is simple, install it as an. exe file, and proceed directly to the next installation. After the installation is complete, enter RUBY-V in the command Line window, if the appropriate version is displayed, the installation is successful. You will need to install the Sass plugin later, or refer to the appropriate SASS syntax, and finally install the Compass plugin (Nanyi). With the previous configuration, the basic front-end compilation environment is configured to complete.

2. Dreamever Cs5+emmet Plug-in

Installing the Emmet plugin on Dreamever requires the Extention Manager manager to install the Emmet plugin (extract code Iuad) through the manager. Once installed, you can quickly and easily edit the HTML code. The corresponding code reference specification can see the following link http://www.iteye.com/news/27580 in Dreamever may have a shortcut command is not very useful, you can try to ctr+e shortcut keys to achieve the above functions.

Summary: The above process is a front-end development environment to build, and later front-end design has a great help.

Web front-end development tool--ruby-based Sass,compass and Dreamever+emmet plugins