1.2、开发工具——sublime篇
2016-06-25 17:42
405 查看
1、Goto Anything(文件嵌套较多时用)
(1)ctrl + shift + p: 快速更改文件类型;新建文件后语法模式的切换:ctrl +shift +p --->js(或其它)
(2)ctrl+p:
① 快速查找并打开文件 如:wista/index.html;
② 快速定位并边界 如:@body 可以快速定位到当前文件的body标签;
③ 符号导航,在CSS或者JavaScripte文件中,”@“+选择名称,可以帮我们直接搜索导航到匹配的选择,如在CSS中查找选择器,在JS文件中查找函数,在@符号前也支持添加路径访问,如:css/boot@body
注:也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签。
2、多行游标(ESC可退出)
① Ctrl+H :查找替换
② Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词)
③ CTRL+L :选择游标所在行
④ Ctrl+K Ctrl+D 跳过当前选择,选择下一个
⑤ Ctrl+shirt+D:复制游标所在行
⑥ Alt+F3:选择所有与游标所在单词相同的单词
⑦ Ctrl+shirt+V:保持格式粘贴
3、快速新建一个HTML的头部
sublime安装emmet插件——>ctrl+n,ctrl+s——>输入“!”(半角),然后按“tab”。
4、安装主题
(1)安装 package control
① 进入官网(http://sublime.wbond.net),点击“install Now”;
② 选择sublime的版本 然后复制下面的代码;
③ 进入sublime text 软件,查看(view)——>显示/隐藏控制台(show console);
④ 将代码粘贴进去按回车等待安装的完成;
⑤ 安装完成后重启sublime text;
(2)安装主题
① 启用命令模式(ctrl+shift+p),输入package control:install package,回车;
② 等待加载插件,加载完有很多的插件;
③ 选择主题插件theme(主题) ****,有很多样式,可以去官网看,推荐flatland、soda、spacegray。。。在命令模式下选择一种,比如选择 theme spacegray;
④ 等待安装,安装完成后会弹出使用说明,说明里有叫你把space eighties 下面的复制到自己用户的配置信息中,也就是“首选项(preferences)”菜单下的“设置-用户(settings user)”里将复制的代码粘贴进去。(打个逗号粘贴),保存后安装完成。
(3)snippets以模板的方式编程
① ctrl+shift+p——>"snippet"(选择需要的 例:snippet: Function)——>回车;
② tab键 移动光标到下一个词自动补全功能,输入前几个英文字母,按enter 自动生成一段代码结构!
(4)安装插件(js插件)
ctrl+shift+p——>“package control install package“——>回车
——>”javascript“(eg:javascript & NodeJs snippets)。
(5)安装插件(jquery插件)
ctrl+shift+p——>“package control install package“——>回车
——>”jQuery“——>回车。
(6)安装插件(解决回调函数后多的分号) alt+c:回调函数快捷键
ctrl+shift+p——>“package control install package“——>回车
——>”whoCalled Function Finder“——>回车。
(1)ctrl + shift + p: 快速更改文件类型;新建文件后语法模式的切换:ctrl +shift +p --->js(或其它)
(2)ctrl+p:
① 快速查找并打开文件 如:wista/index.html;
② 快速定位并边界 如:@body 可以快速定位到当前文件的body标签;
③ 符号导航,在CSS或者JavaScripte文件中,”@“+选择名称,可以帮我们直接搜索导航到匹配的选择,如在CSS中查找选择器,在JS文件中查找函数,在@符号前也支持添加路径访问,如:css/boot@body
注:也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签。
2、多行游标(ESC可退出)
① Ctrl+H :查找替换
② Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词)
③ CTRL+L :选择游标所在行
④ Ctrl+K Ctrl+D 跳过当前选择,选择下一个
⑤ Ctrl+shirt+D:复制游标所在行
⑥ Alt+F3:选择所有与游标所在单词相同的单词
⑦ Ctrl+shirt+V:保持格式粘贴
3、快速新建一个HTML的头部
sublime安装emmet插件——>ctrl+n,ctrl+s——>输入“!”(半角),然后按“tab”。
4、安装主题
(1)安装 package control
① 进入官网(http://sublime.wbond.net),点击“install Now”;
② 选择sublime的版本 然后复制下面的代码;
③ 进入sublime text 软件,查看(view)——>显示/隐藏控制台(show console);
④ 将代码粘贴进去按回车等待安装的完成;
⑤ 安装完成后重启sublime text;
(2)安装主题
① 启用命令模式(ctrl+shift+p),输入package control:install package,回车;
② 等待加载插件,加载完有很多的插件;
③ 选择主题插件theme(主题) ****,有很多样式,可以去官网看,推荐flatland、soda、spacegray。。。在命令模式下选择一种,比如选择 theme spacegray;
④ 等待安装,安装完成后会弹出使用说明,说明里有叫你把space eighties 下面的复制到自己用户的配置信息中,也就是“首选项(preferences)”菜单下的“设置-用户(settings user)”里将复制的代码粘贴进去。(打个逗号粘贴),保存后安装完成。
(3)snippets以模板的方式编程
① ctrl+shift+p——>"snippet"(选择需要的 例:snippet: Function)——>回车;
② tab键 移动光标到下一个词自动补全功能,输入前几个英文字母,按enter 自动生成一段代码结构!
(4)安装插件(js插件)
ctrl+shift+p——>“package control install package“——>回车
——>”javascript“(eg:javascript & NodeJs snippets)。
(5)安装插件(jquery插件)
ctrl+shift+p——>“package control install package“——>回车
——>”jQuery“——>回车。
(6)安装插件(解决回调函数后多的分号) alt+c:回调函数快捷键
ctrl+shift+p——>“package control install package“——>回车
——>”whoCalled Function Finder“——>回车。
相关文章推荐
- html5 web数据存储
- SEO
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- 如何优雅处理前端异常?
- Windows系统下使用Sublime搭建nodejs环境
- JavaScript开发者必备的10个Sublime Text插件
- 前端jquery部分很精彩
- 深入探讨前端框架react
- Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
- 自己动手写的javascript前端等待控件
- MAC 系统如何使用 Sublime Text 2 直接编译运行 java 代码
- 前端必备神器 Snap.svg 弹动效果
- php开发工具有哪五款
- Sublime里直接运行PHP配置方法
- 浅谈Sublime Text 3运行JavaScript控制台
- 图解Sublime Text3使用技巧
- 5个Linux平台程序员最爱的开发工具汇总
- 推荐几款用 Sublime Text 开发 Laravel 所用到的插件