Sublime Text 3下载安装以及安装HTML-CSS-JS Prettify代码格式化插件

版权声明：本文为HaiyuKing原创文章，转载请注明出处！

概述

Sublime Text的安装以及安装插件步骤。

下载Sublime Text

官网地址：http://www.sublimetext.com/

注意：下载的时候须要翻.墙。

下载后的文件：

安装Sublime Text

一、双击Sublime Text Build 3176 x64 Setup.exe文件

二、点击上图的Next，进入安装目录选择界面（若是想要更换安装目录的话，从新选择安装目录）

三、继续Next

四、开始Install

 

五、Finish

 

安装代码格式化插件（须要安装node.js）

安装

在启动Sublime Text 3程序后，使用快捷键 “ Ctl+Shift+P ”，打开一个对话框，在输入框中输入“Package Control: Install Paclage”

等待一下子会自动打开下面的对话框界面，输入想要安装的插件名称：好比HTML-CSS-JS Prettify

正在下载

验证安装成功

在Sublime Text软件中随便打开一个HTML文件，而后右键，会发现右键菜单中多出了一个HTML/CSS/JS Prettify，表明安装成功了。

查看插件安装目录

 Preferences——Browse Packages...

  

使用

使用sublime Text打开一个HTML或css或js文件，而后右键——HTML/CSS/JS Prettify——Prettify Code

注意

(1). 使用此插件需先安装node.js，windows默认安装在C盘，若是安装在其它地方，需额外配置node.js安装目录。

设置node.js安装目录：菜单 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Set `node` Path

(2). "html-css-js prettify" 格式化CSS会在每一个CSS后面都添加一个换行，若想取消该换行：

菜单 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Prettify Preferences - Default

修改设置 "newline_between_rules" 的参数为 false。

安装node.js

 官网地址：https://nodejs.org/en/

下载的文件

一、双击node-v10.13.0-x64.msi

二、点击Next

三、赞成并Next

四、设置安装目录（若是须要的话）

五、继续Next

六、继续Next

七、安装

八、完成

参考资料

Sublime text3 代码格式化插件

在Sublime Text 3上安装代码格式化插件CodeFormatter