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

目录

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文件。

{
	"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再试。

猜你喜欢

转载自blog.csdn.net/xiaohaiguang/article/details/106735610
今日推荐