字体:Consolas
EditPlus,很土很简单很强大的网页编程工具
下载
轻量级代码编辑器Editplus
Zen Coding
Zen Coding是一个快速HTML/XML/XSL/CSS快速编码的编辑器插件。通过一系列的缩写和规范来快速的创建代码。
Editplus中Zen Coding手册
div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer
按Ctrl+E展开
自定义设置(自用)
文本——背景色:RGB:218,233,250 #dae9fa
当前行——背景色:RGB:166,202,240 #a6caf0
行号——背景色:RGB:192,220,192 行号——文本颜色:RGB:0,128,0
标尺——背景色:RGB:192,220,192 标尺——文本颜色:RGB:0,0,128
文件——在保存文件时创建备份(此项取消)
Tools -> Preferences -> File -> Create backup file when saving (把此选项取消,就不会创建.bak文件了)
Tools -> Preferences -> (选html)Func Pattern里填写: function[ \t]+[0-9a-zA-Z_]+[ \t]*\([ \t]*\) -----这样就可以使用Ctrl+F11查看函数列表了。
Tools -> Preferences -> Tab/Indent 将Tab和Intent都改为4,勾选“Insert spaces instead of tab”(使用空格代替tab)----(这个我不用)
参考阅读:
配置EditPlus支持Shell语法高亮和自动补全
http://zhidao.baidu.com/link?url=cq1ICBg8B-qtlIskr6KHKlQ3HcR-Hcl2w9Wkg5Vv_mcp8cuVfeKoIBocs438mdzv29hSSw_CIReTC3SrcTHzYK EditPlus 编辑器如何自动补全
EditPlus颜色设置:
背景色:218,233,250 #dae9fa
当前行(ACTIVE):166,202,240 #a6caf0行号:(背景色)192,220,192 #c0dcc0 (字的颜色)0,128,0 #008000标尺:(背景色)192,220,192 #c0dcc0 (字的颜色)0,0,128 #000080
模板(自用)
1、template.html
^!
自动补齐设置(自用): C:\Users\cyx\AppData\Roaming\EditPlus 3\htmlbar.acp 2016-6-28
自动补齐的意思,就是按 <style ,再按空格,自动补齐代码:
<style type="text/css">
</style>
#TITLE=HTML#CASE=n#T=^!#T=^!#T=^!#T=^!
#T=^!
#T=^!
#T=^!
#T=^!
#T=^!
#T=^!
#T=^!#T=#T=^!#T= ^!#T=^!#T= #T=#T= #T= #T= #T= #T=RADIO #T=CHECKBOX #T=TEXTAREA #T=RESET #T=SUBMIT #T=PASSWORD #T=HIDDEN #T=BUTTON #T=
#T=
- ^!
#T=
- ^!
#T=
- ^!
#T=
^!
快捷键
以浏览器模式预览文件 Ctrl + B
开始编辑“以浏览器模式预览的文件” Ctrl + E
新建html文件 Ctrl+Shift+N
新建浏览器窗口 Ctrl+Shift+B
选中的字母切换为小写 Ctrl+L
选中的字母切换为大写 Ctrl+U
选中的词组首字母大写 Ctrl+Shift+U
复制选定文本并追加到剪贴板中 Ctrl+Shift+C
剪切选定文本并追加到剪贴板中 Ctrl+Shift+X
创建当前行的副本 Ctrl+J
复制上一行的一个字符到当前行 Ctrl+-
剪切选定文本并追加到剪贴板中 Ctrl+Shift+X
合并选定行 Ctrl+Shift+J
反转选定文本的大小写 Ctrl+K
开始/结束选择区域 Alt+Shift+B
选择当前行 Ctrl+R
全屏模式开/关 Ctrl+K
显示或隐藏标尺 Alt+Shift+R
显示或隐藏制表符与空格 Alt+Shift+I
显示函数列表 Ctrl+F11
转到当前文档的指定行 Ctrl + G
设置或清除当前行的标记 F9
转到下一个标记位置 F4
转到上一个标记位置 Shift+F4
清除当前文档中的所有标记 Ctrl+Shift+F9
搜索一对匹配的括号 Ctrl+]
搜索一对匹配的括号并选择该文本 Ctrl+Shift+]
切换当前文档的自动换行功能 Ctrl+Shift+W
编辑当前 HTML 页面的源文件 Ctrl+E
删除到当前行结束 Ctrl+Shift+Delete
删除当前单词 Alt+Delete
移除选中文本的HTML标签 Ctrl+Shift+P
启用或禁用代码折叠 Ctrl+Shift+F
调转光标两侧字符的位置 Ctrl+T