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

时间:2023-03-08 16:52:06

版权声明:本文为HaiyuKing原创文章,转载请注明出处!

概述

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

下载Sublime Text

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

注意:下载的时候需要翻.墙。

下载后的文件:

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

安装Sublime Text

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

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

2、点击上图的Next,进入安装目录选择界面(如果想要更换安装目录的话,重新选择安装目录)

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

3、继续Next

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

4、开始Install

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

5、Finish

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

安装代码格式化插件(需要安装node.js)

安装

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

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

等待一会儿会自动打开下面的对话框界面,输入想要安装的插件名称:比如HTML-CSS-JS Prettify

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

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

正在下载

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

验证安装成功

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

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

查看插件安装目录

 Preferences——Browse Packages...

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

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

使用

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

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

注意

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

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

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

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

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

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

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

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

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

安装node.js

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

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

下载的文件

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

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

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

2、点击Next

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

3、同意并Next

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

4、设置安装目录(如果需要的话)

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

5、继续Next

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

6、继续Next

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

7、安装

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

8、完成

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

参考资料

Sublime text3 代码格式化插件

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