preprocessing tool is css sass
Common css preprocessing tools: sass less stylus
sass role:
Nesting rule: nested styles to solve the problem by curly braces
Variable rules: The variable common style detached, reduce redundant code
Conditional logic: Write css code logic of high-level languages like
Sass sublime editor plug compilation method
First official website (http://www.ruby-lang.org/en/downloads/) Download ruby (sass ruby-based environment)
Fool can be installed
cmd, enter ruby -v
On behalf of the installation is successful
Enter gem -v
gem successful installation (installation will automatically install ruby gem)
Continue to enter "gem install sass" In the window
Enter sass -v
sass environment installation is complete, sass installation is complete
The following plug-ins begin the installation sublime
(1) Open sublime editor to see if there are "package control"
(2) If not, you need to install "package control", "package control " steps are as follows:
① First, in the address bar of the browser input https://packagecontrol.io/installation
② Open sublime editor, press the shortcut key ctrl and -
In the dialog input box, enter the following code to wait for the completion of the installation
③ After installation is complete, the editor sublime, and press the shortcut key ctrl shift and p (Note: the editor displays whether the installation of the lower left corner)
Then, in the pop-up input box, enter the sass, select Enter Sass, installation
After installation is complete, and again press the shortcut key ctrl shift and p, recall package control
After the installation is complete, the pop-up input box, enter the sass, select the SASS Build enter, wait for the installation to complete
After installation is complete, the editor can see the menu sublime as such, as selected
Package control widget installation method can not solve:
1, as shown in the following figure to find the file to open
2, the configuration of the information input boxes red
"channels":
[
"http://cst.stu.126.net/u/json/cms/channel_v3.json"
],
3, the configuration is complete, restart sublime Editor, you can plug normal installation sublime