可以使用插件HTML-CSS-js Prettify达到效果。
HTML-CSS-js Prettify概述:
HTML-CSS-js Prettify是一款集成了格式化(美化)html、css、js三种文件类型的插件。插件依赖于nodejs,因此需要事先安装nodejs,然后才可以正常运行。
使用Sublime text 3 格式化CSS代码,需要安装插件,具体安装步骤如下:
A、打开菜单->首选项->插件控制,输入 install package。
B、等待程序进入插件管理功能,再输入插件名称:prettify。
C、点击安装插件HTML-CSS-JS Prettify。
D、插件安装成功后,在需要格式化的HTML/css/js代码中,选中代码,然后按Ctrl+Alt+H对代码进行格式化。
注:使用 Sublime Text 格式化代码的时候,安装过 HTML-CSS-JS Prettify 这个插件,但格式化时却会提示(默认路径未找到Node.js)需要下载安装后方可使用。
安装Less2Css时,需要先安装Package Control。查看是否安装Package Control :可以点击菜单 Prefrences ,看下是否有Package Control子菜单,或者快捷键(Ctrl+Shift+P)输入Package Control。
如果没有找到,则需要安装.
安装Package Control步骤:1. https://github.com/wbond/sublime_package_control 下载该文件;2.Prefrences >Browser Packages会打开Sublime的安装目录,点击上一层找到Installed Packages文件夹,打开该文件夹,将步骤1中下载的文件解压到改文件夹内。3.重启Sublime。
完成Package Control安装后,可以进行下一步,安装Less2Css
步骤:1.快捷键 Ctrl+Shift+P(菜单 – Tools – Command Paletter),输入 install 选中Install Package并回车,输入或选择Less2Css(注意左下角的小文字变化,会提示安装成功)。
2. https://github.com/duncansmart/less.js-windows 下载该文件并解压到本地目录(eg:D:\less.js-windows-master);点击计算机 右击 属性,选择高级系统设置,编辑Path ,将解压目录,添加到PATH中。