MyEclipse,HTML页面的代码如何格式化整理?

html-css09

MyEclipse,HTML页面的代码如何格式化整理?,第1张

HTML页面的代码如何格式化、整理 解决办法如下:

1、打开Windows——>“Preference(首选项)”

2、在弹出的“Preference(首选项)”窗口界面,找到左侧java导航 ---->“editor ”----->“save actions”。

3、在右侧“Save Actions”里找到“Perform the selected actions on save”前打上√,点击“ok”保存。

1、preferences->Java->Code Style->Code Formatter->Show... ,打开之后,选择“Line Wrapping”选项卡,在“Maximun line width”指定大于多少列时换行。2、还是在“Line Wrapping”选项卡中,能过选择"Line Wrapping policy"可以指定构造函数、方法体等的换行情况。 不过,SUN推荐的编码风格默认是80列换行。1.Java代码 打开Eclipse的Window菜单,然后Preferences->Java->Code Style->Formatter->Edit/Show(根据不同版本可用的按钮会不一样) ->Line Wrapping->Maximum line width:由80改成800就行了。2.Html代码 Window->Preferences->MyEclipse->Files and Editors->Html->Html Source->Line width->加个0以后保存。

1

先打开Brackets编辑器,可以看到左边是目录,右边是代码区。

打开一个HTML文件,右上角有个闪电样子的图标就是实时预览功能,需要电脑中安装Chrome浏览器

2

其他的编辑器比如sublime之所以强大是因为有很多插件的支持,可以打造最适合自己的编辑器,那Brackets有没有插件呢?经过一番寻找终于找到:

点击文件--扩展管理器

可以看到里面有很多插件

3

而格式化代码是比较常用的功能,里面会不会有呢?先模糊搜索一下把,输入format关键字搜索,看见的第一个插件Beautify,名字听起来不错,再看下介绍:Format JavaScript, HTML, and CSS files,正和我们的需要,点击安装它把~

4

安装完成先别着急关掉扩展管理器,点击Beautify下面的更多信息,进入它在github的主页,往下看可以看到这样一行字:

Format HTML, CSS, and JavaScript files by Edit >Beautify menu or Cmd-Alt-L(Mac) / Ctrl-Alt-L(Win) key.

也就是说从Edit-Beautify可以找到它,而且快捷键是Ctrl+Alt+L

5

因为是ubuntu系统,Ctrl+Alt+L默认是锁屏的快捷键,跟它有冲突,所以按下后直接就锁屏了,再看一下编辑中的选项,发现不但有个Beautify还有个Beautify On Save,也即保存后就自动格式化,把它勾上,然后弄乱自己的HTML代码试一下把~~~