1.前端使用的开发工具
1.1.开发工具分为两类:文本编辑器(如:notepad++,editplus,sublime Text)
IDE集成开发环境(如:webstorm,eclipse,Intellij IDEA)
两种的优缺点:文本编辑器:轻量级
IDE:比较大,但是集成的功能多
1.2.Sublime Text优点
1.轻量级,启动快
2.可以多行选择
3.可以安装各种实用插件
4.可以新建 snippets,省去ctrl+c,ctrl+v
5.兼容VIM模式(在sublime中可以直接使用vi命令)(vi命令是linux系统中常用来编辑文件的命令)
2.sublime Text常用的快捷键
2.1.查找(ctrl+p)
1.:+行号:定位到具体的行号(ctrl+G)
2 @ +符号:定位到具体的符号(ctrl+R)
3 #+关键字:定位到具体的关键字(ctrl+;)
4.可以查找打开的文件中的某一个
2.2.命令面板(ctrl+shift+p)
有各种命令提示
2.3.多行选择(ctrl+D ctrl+shift+L)
1.ctrl+D:选中下一个
2.ctrl+k:取消选中这个
3.ctrl+shift+L:将多行变成选中状态
4.选中全文的某一个变量:Alt+F3
2.4.设置和取消注释
1.ctrl+/:增加注释
2.ctrl+shift+/:删除注释
3.Sublime Text常用插件
3.1.Package Control:用来添加更新和卸载插件(插件的一个管理工具)
1.emmet:快速编写html和css代码
2.DocBlockr:编写注释
3.sideBarEnhancements:菜单增强工具
4.Termianl:打开命令行终端
3.2.Package Control安装
View菜单-->show Console-->将网上百度的代码粘贴到console上-->回车
3.3.插件安装
Ctrl+shift+p-->package control:install-->对应的插件名字
4.sublime Text安装
4.1.官网下载软件--》输入破解码(sublime Text3 3126破解码:http://blog.csdn.net/wind520/article/details/52717070)
5.sublime Text 借助emmet编写HTML
1.标签名*n,tab键
2.标签名#+类名,tab键
3.标签名.+id名,tab键
6.sublime Text 各个插件使用
6.1.emmet:会有一些快捷生产代码的方式
6.2.DocBlockr:编写注释代码,使用 /**,tab键-->自动生产注释格式
6.3.sideBarEnhancements:右键,open in browser
6.4.Terminal:右键,open terminal here,打开windows powershell
7.创建snippets片段(减少ctrl+c,ctrl+v)
7.1.tools-->Developer-->new snippets
最后是snippets作用范围,解释一下:限定这个snippets作用的文件类型
7.2.保存snippets:关键字.sublime-snippet
7.3.使用的时候 输入代码片段的关键字,tab键
7.4.sublime Text 开启VIM兼容模式
preference--> setting-users-->