Sublime Text 3 格式化xml、php、html、js、css 插件安装配置

csshtmlimephptextextxml

目录

 

 

 

1.前言

2.安装格式化XML插件

2.安装格式化PHP插件

3.安装格式化html、js、css插件

总结

---

1.前言

 

使用Sublime编写代码时，我们都希望代码整洁漂亮，下面这三个插件个人感觉还是非常实用。另外这次安装插件都是通过package control在线安装。

 

 

 

如果确定正确安装插件后，格式化没反应，重新启动Sublime再试。

2.安装格式化XML插件

1.打开Sublime Text 3 ，按下快捷键ctrl+shift+p ,在弹出的显示框中输入install package（只要出现箭头所指选项就可以）

如下图1所示

 

 

图 1

2.点击install package 选项，会自动加载资料库，稍等一会。加载完成后会自动跳出输入框

 

 

 

如下图 2所示

 

图 2

3.在弹出的输入框中输入indent，下方就会出现indent xml 选项 ，点击该选项

如下图 3 所示

 

图 3

4.点击之后左下角就开始显示正在安装，稍等一会，几十秒，就会安装成功。

然后打开需要格式化的xml文件，之后如下图所示选择indent xml 就可以格式化XML。

 

图 4

2.安装格式化PHP插件

1.该插件需要先安装PHP，建议安装比较新的版本。

点击下载php

2.安装好PHP之后，如安装xml插件中第3步所示，输入phpfmt,如下图 5 所示，然后点击 phpfmt,会自动开始安装。

 

图 5

 

 

3. 等到左下角没有任何反应时，说明安装成功。然后打开下图 6所示文件进行配置。

 

图 6 配置phpfmt插件

4.在打开的文件中输入以下内容，其中"php_bin" 选项为你的php安装路径，自行更改。然后保存退出即可。

打开需要格式化的php文件，然后快捷键ctrl+F11 或者 ctrl+Fn+F11 即可格式化php文件。

1 2 3 4 5

{     "option": "value",     "php_bin": "D:/php7.3/php.exe",     "version": 1 }

3.安装格式化html、js、css插件

该插件需要提前安装node.js

点击下载node.js

1.同样从安装xml插件第3步开始，输入 html-css-js 直到出现如下图 7 所示，单击安装。

 

图 7

2.单击打开下图 8 所示配置文件

 

图 8 配置html/css/js/prettify 插件

3.在打开的文件中修改node.js 安装路径

window系统下修改箭头所指node.js安装路径即可。

 

图 9

修改后保存退出，打开需要格式化的html/js/css文件，然后快捷键ctrl+shift+h 即可格式化。

 

总结

1.注意安装插件的前提条件，如php和node.js

2.文件内容较少时可能格式化后的效果不明显

 

 

3.如果确定正确安装插件后，格式化没反应，重新启动Sublime再试。