前端开发环境和工具.pdf

13-10-31 前端开发环境和工具
前端开发环境和工具
Created by 王中文/ @中文De围脖
From Hotel UED
localhost/frontenddev/#/3/1 1/23
13-10-31 前端开发环境和工具
localhost/frontenddev/#/3/1 2/23
13-10-31 前端开发环境和工具
前端开发环境包含哪些要素
编辑器(Vim, Editplus, Sublime Text,...)
网页调试工具(Firebug, IEdevelopertoolbar,...)
开发环境服务器(本地,远端)
localhost/frontenddev/#/3/1 3/23
13-10-31 前端开发环境和工具
SUBLIME TEXT 2
localhost/frontenddev/#/3/1 4/23
13-10-31 前端开发环境和工具
PACKAGE CONTROL
ctrl+`
import urllib2,os;pf='Package -package';ipp=();(ipp) if not (ipp) else None;open(.
localhost/frontenddev/#/3/1 5/23
13-10-31 前端开发环境和工具
NECESSARY PLUG-IN
JsFomart
JsHint
SublimeLinter
JavaScript Snippets
Emmet
localhost/frontenddev/#/3/1 6/23
13-10-31 前端开发环境和工具
CODE WITH SNIPPETS
<snippet>
<content>
<![CDATA[function(${1:arguments}) {
${2:// body...}
}
]]>
</content>
<tabTrigger>afn</tabTrigger>
<scope></scope>
<description>Anoynmous Function</description>
</snippet>

localhost/frontenddev/#/3/1 7/23
13-10-31 前端开发环境和工具
SEARCH WITH HOTKEY
文件定位: ctrl+p
词语定位#: ctrl+;
函数定位@: ctrl+r
行号定位: ctrl+g
文字查找: ctrl+f
查找下一处: F3
查找上一处: shift+F3
localhost/frontenddev/#/3/1 8/23
13-10-31 前端开发环境和工具
OTHERS
Preferences Setting
plete
指定目录下的查找
免打扰模式(shift+F11)
选中多行编辑(shift+鼠标右键)
localhost/frontenddev/#/3/1 9/23
13-10-31 前端开发环境和工具
PERFECT WORKFLOW IN SUBLIME TEXT 2
https:///course/improve-workflow-in-sublime-text-2/

localhost/frontenddev/#/3/1 10/23