|
点击下载sublime 一、sublime菜单简介【常用功能及快捷键】 【Edit菜单】 1、line行操作快捷键 ctrl+] 增加缩进 ctrl+[ 减小缩进 ctrl+shift+D 复制当前行 ctrl+shift+K 删除当前行 ctrl+shift+↑ 当前行与上行交换位置（也可以选中多行上下移动位置） ctrl+shift+↓ 当前行与下行交换位置 2、comment注释功能 ctrl+/ 注释当前行 ctrl+shift+/ 选中多行（块）进行注释 3、text文本操作 ctrl+shift+enter在当前行前插入一行 ctrl+enter在当前行后插入一行 ctrl+Delete 删除光标后的一个单词（以单词为单位向后删除） ctrl+Backspace 删除光标前的一个单词（以单词为单位向前） (普通的delete和Backspace对字母操作） ctrl+shift+K 删除当前行 ctrl+K,ctrl+K 删除至end ctrl+T 逐个单词向前移位 【select菜单】 首先将光标移至要编辑的行 1、ctrl+L快速选中当前行 2、ctrl+D快速选中光标所在单词word 【Find菜单】 ctrl+F 查找 【view菜单】 side Bar 1、ctrl+K,ctrl+B view or hide sidebar 【Goto菜单】 1、Goto Anything非常好用的功能，快捷键ctrl+P 2、[:num当前文件不同行之间跳转(类vi)] 3、输入路径、文件名，跳转到指定文件 【Tools菜单】 命令模式，此为sublime特有功能，快捷键ctrl+shift+P 【preferences菜单】 sublime的设置 settings-Default，默认设置，json格式，可以修改 settings-User，可以从Default中复制选项定制用户自己的显示效果 字体大小可以通过：ctrl+滚动鼠标变大变小 Color Scheme 颜色模式，默认是Monokai模式，比如夜晚可用Solarized(Dark)模式 sublime编辑器使用指南（快速入门） sublime编辑器使用指南（快速入门） sublime编辑器使用指南（快速入门） 二、Goto Anything 快捷键ctrl+P 输入@定位css标签，js函数 1、除了（一）中提到的两个功能--定位和不同文件切换，还有 2、例如打开一个css文件，ctrl+P打开命令行，输入@，在不同的css选择器进行导航 3、在一个javascript文件中，若有多个函数，输入@，在不同的函数进行导航 example：打开文件bootcss/dist/css/bootstrap.css下的body便签进行编辑 操作：ctrl+P->bootcss/dist/css/bo@body 三、多行游标 this is GreenBoots this is GreenBoots this is GreenBoots this is GreenBoots this is GreenBoots this is GreenBoots ctrl+H:查找替换 ctrl+D:选中内容 ctrl+K-->ctrl+D 跳过选取 ctrl+D-->Atl+F3全选匹配内容 ctrl+shift+D复制当前行 产生多行游标: 1、ctrl+D 2、ctrl+D --> Atl+F3 全选 3、ctrl+A --> ctrl+shift+l 拆分行 4、鼠标放在单词上，按shift+鼠标右键下拉 四、命令模式 【ctrl+shift+P】启动命令模式 ss : set syntax 语法模式提示 输入js 然后enter就将该文件设置为js模式 输入css 然后enter就将该文件设置为css模式 输入minmap 关闭/打开minmap 五、综合使用编辑HTML文档 1、【安装插件：Emmet】 （1）输入“!”+【Ctrl+E】：生成HTML的文档 （跳转到Body：不要使用鼠标，使用Ctrl+Shift+P:打开命令模式。输入#，进行页面的匹配，输入bod，匹配body，按住Enter进行跳转，跳转到了Body。按住Ctrl+Enter：跳转到body的下一行） （2）输入“ul>.item$*10” +【Ctrl+E】，生成10个li （3）输入“h2{content}”+【Ctrl+E】 2、快捷键【Ctrl+Shift+V】 保留原格式粘贴，流辟到不行！！！！O(∩_∩)O~ 六、Page Control 1、安装packageControl（管理插件的工具） 打开 https://packagecontrol.io/，点击右侧菜单installation 根据版本及提示进行安装ctrl+'`'打开console，将 import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) 粘贴后enter即可 2、安装完成page control后，启动命令模式ctrl+shift+P或直接在菜单preferences中的最下方打开 输入pc可以快速定位page control，page control有很多命令，如：Add Channel、Install Package等等 List Package：列出安装的插件包 Disable Package：禁用插件（有时候因为插件快捷键冲突需要禁用） Install Package：安装插件 3、安装：ctrl+shift+P,pci,安装插件，enter会显出很多可供插件的列表 亦可在https://packagecontrol.io/查看插件的功能等信息 例：安装主题：先在https://packagecontrol.io/下的theme查看相关主题 安装主题过程： （1）打开命令模式ctrl+shift+P （2）输入pci，enter （3）输入theme->模糊匹配spacegray（某一种主题），enter安装 （4）选择刚才安装的主题，自动方法：preferences->color scheme->theme-Spacegray->具体某个版本 手动方法：从安装后提示给出的example中的json文本复制至settings-user 七、sinppets以模板方式编程 （1）打开page Control，输入sinppets-Function，（js文件）tab键版块高亮，编写代码 （2）自动补全功能：输入Fun，补全函数；输入ife，补全if else；输入p，prototype... 比如在javascript中经常要输入document.getElementById("tag")， 如果安装了javascript sinppets，那么输入gi即可 安装javascript sinppets插件的方法：ctrl+shift+P，输入pci，->javascript sinppets->enter安装完成 提示：安装其他的sinppets方法类似 八、快速添加注释 安装插件【Docblockr】安装过程和上面安装插件一样，不再赘述，使用方法： 1、输入 /* +enter，生成一个注释块 2、输入 /** +enter，生成一个注释块，enter换行仍为注释 3、在新建函数上方输入 /**+tab，生成详细注释如下 /** * [func description] * @param {[type]} * @param {[type]} * @return {[type]} */ function func (a,b) { return a+b; }
|