20150725 前端开发工具DreamWeaver及Sublime方法技巧总结
前端开发工具技巧—DW
实时视图==webkit==谷歌浏览器
F12快捷键预览F5刷新首选项设置：代码源格式、代码颜色背景色等，标记是否显示（不可见元素），无恢复默认值选项。
折叠：只折叠一行考虑是否有标签未闭合
根据所选折叠和扩展
选择父标签（一级一级找 排错）+选取当前代码段（只对js脚本起作用）+行号+高亮显示无效代码（F5刷新 排错）
智能提示js 加粗、不同颜色标记不同内置函数；相关属性、方法提示；错误提示（红色标记）；
智能提示JQuery库，提示同上。
总结：1、用不同颜色标记内置函数2、对关键字和保留字的标记3、错误时行号提示
设计：多屏幕（不同分辨率选项）可自定义 可视化助理（css布局背景，各块渲染不同颜色）
w3c验证（联网）
浏览器兼容性（虚线显示）参考并不准确
附加样式表 编辑样式 禁用、启用样式 当前、转到样式
属性：瞄准镜
前端开发工具—Sublime
GotoAnything Ctrl+p
工程views/目录结构+名称@选择器 导航至文件内某个函数/选择器
js语法模式调换，Ctrl+shift+P+输入js+回车
多属性替换（find/replace）（多行游标）
方法一：可用CtrlD多行游标。取消CtrlK
方法二：Alert+F3选择所有
方法三：CtrlA+CtrlShiftL选择所有
方法四：鼠标拖拽 shift+鼠标右键乡下拖拽
Ctrl+Shift+D快速复制文本
切换语法模式PlainText或者命令模式
启动命令模式：Tools+CommandPalette或者Ctrl+Shift+P
切换为javascript:set syntax javascript或者synatx javascript
html标签闭合Alt+>.或者Edit+Tag+CloseTag或者Emmet插件！+Ctrl+E
#定位至当前html文档标签处
CtrlEnter在当前行下添加一行
ul>.item$*10+Ctrl+E==<ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul>
Ctrl+}增加缩进
h2{this is}+Ctrl+E=<h2>this is</h2>
粘贴：Ctrl+Shift+V保持缩进
PackageControl安装插件
Snippets以模版的方式进行编程
function基本结构快速生成：Ctrl+Shift+P+snippets+选择function+回车
Tab迅速移动切换
fun+回车
ife+回车
p+回车
以插件形式提供的snippt
package control install
javascript&nodejs snippt
gi+回车=document.getElementById
网站查看
安装jquery插件
node.js 快速编程Alt+C
advanceNewfile
httpRequester服务器响应测试//地址+Alt+Ctrl+R
post请求不通过表单发送
POST localhost:3000/users/
Content-type:application/x-www-form-urlencoded
POST_BODY:
variale1=avalue&variable2=1234&variable3=anothervalue提交参数
https://github.com/braindamageinc/SublimeHttpRequester
POST/PUT usage
Just add POST_BODY: after any extra headers and the body on the following lines:
POST http://posttestserver.com/post.php
POST_BODY:
this is the body that will be sent via HTTP POST
a second line for body message
If you want to POST form variables:
POST http://posttestserver.com/post.php
Content-type: application/x-www-form-urlencoded
POST_BODY:
variable1=avalue&variable2=1234&variable3=anothervalue
For PUT:
PUT http://yoururl.com/puthere
POST_BODY:
this body will be sent via HTTP PUT
nettus fetch快速下载类库
sidebarenhancements 可以openinbrowser
快速添加注释DcoBlockr/**+Tab快速添加函数注释
使用lint进行语法及风格效验
js字符串''json属性""
JSLint
JSHint版本大于2.4
安装nodejs配置jshint npm install -g jshint
.jshintrc ｛"eqeqeq:true"｝