为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
前端开发工具技巧介绍—Sublime篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

前端开发工具技巧介绍—Sublime篇

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • Ctrl+P 搜索项目中文件,同时可使用路径来搜索, Ctrl+Shift+P 用来设置文本格式、包括输入PCI 新增Package Control等管理命令
    查看全部
  • ctrl+n 打开一个新的文件 ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html ctrl + p 快速定位并边界 如:@body 可以快速定位到当前文件的body标签 在搜索框里输入@可以搜索匹配项
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-10-29

  • 1、Ctrl+H :查找替换 2、Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词) 3、Ctrl+K Ctrl+D 跳过当前选择,选择下一个 4、Ctrl+shirt+D:复制游标所在行 5、Alt+F3:选择所有与游标所在单词相同的单词 6、按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标
    查看全部
  • ctrl+d 选择 ctrl+
    查看全部
  • Ctrl+Shift+A 选择光标位置父标签对儿 Ctrl+Shift+[ 折叠代码 Ctrl+Shift+] 展开代码 Ctrl+KT折叠属性 Ctrl+K0展开所有 Ctrl+U 软撤销 Ctrl+T 词互换 Tab缩进 Shift+Tab去除缩进 Ctrl+Shift+UP与上行互换 Ctrl+Shift+DOWN与下行互换 Ctrl+K Backspace 从光标处删除至行首 Ctrl+E Sublime Text 2 快捷键 (windows) Ctrl+L 选择整行(按住-继续选择下行) Ctrl+KK从光标处删除至行尾 Ctrl+Shift+K 删除整行 Ctrl+Shift+D 复制光标所在整行,插入在该行之前 Ctrl+J 合并行(已选择需要合并的多行时) Ctrl+KU改为大写 Ctrl+KL改为小写 Ctrl+D 选词 (按住-继续选择下个相同的字符串) Ctrl+M 光标移动至括号内开始或结束的位置 Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号) Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果) Ctrl+Shift+/ 注释已选择内容 Ctrl+Space 自动完成(win与系统快捷键冲突,需修改) Ctrl+Z 撤销 Ctrl+Y 恢复撤销
    查看全部
  • 命令行,快捷键:ctrl+shift+p
    查看全部
  • sublime产生多行游标 方案1 :ctrl+D 跳行 ctrl+K 方案2 :alt+F3 方案3 :ctrl+A & Ctrl+shift+L 方案4 : shift +鼠标向下拖动
    查看全部
  • 1.切换语言格式,ctrl+shirt+p 2.简化操作 ctrl+shirt+p 输入 snippet:function 自动生成function的基本结构! tab键 移动光标到下一个词 自动补全功能,输入前几个英文字母,按enter 自动生成一段代码结构! 3.输入前一个英文字母,按enter生成一段代码 4.安装 javascript& nodejs snippets以及jQuery插件, ,很方便的提高生产力,具体指令说明:https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets ,https://packagecontrol.io/packages/jQuery 1.[ctrl+shift+P]+輸入'pci'+輸入'Snippet: Function' 2.輸入'fun'+[Enter],自動產生 function 3.輸入'ife',自動產生 if else JavaScript snippets 1.[ctrl+shift+P]+輸入'pci'+輸入'JavaScript Completions' 2.輸入'gi',自動產生 getElementById JQuery snippets 1.[ctrl+shift+P]+輸入'pci'+輸入'JQuery' 2.輸入'get',自動產生 get請求 3.輸入'post',自動產生 post請求 Insert Callback 1.[ctrl+shift+P]+輸入'pci'+輸入'Insert Callback' 2.[alt+C],自動產生 callBack function
    查看全部
  • pci:theme主题匹配 theme : soda flatland spacegray ctrl+shirt+p 输入 pac 找到 install package 回车, 输入theme-spacegry 等待安装完成 ,会生成一些代码说明, 复制54 54 行代码到用户设置里,保存之后就是spacegry的主题了。
    查看全部
  • installation安装packagecontrol 拷贝sublime text3的安装代码 在view->show console中粘贴刚才复制的代码回车(快捷键Ctrl+`(Show Console),输入安装代码 ),重启sublime ctrl+shift+p 输入pc,install package是安装插件,list pacakage列出安装的插件,remove删除,disable禁用
    查看全部
  • 1、命令模式下ss:set sytanx 2、Alt + . :补全标记 3、emmet 插件,!代表HTML5 输入方式:!-->ctrl + E,则会出现基本的html结构 (网址:http://docs.emmet.io/) 4、Ctrl+P:go to anything 输入#body,则跳转到body标签 Ctrl+Enter:在body内部添加新一行 5、>子元素选择符; 点.代表class; $代表序号; *数字:生成个数 ul>.item$*10(之后Tab键):表示输入ul的元素,10个,class是item开头,即如下所示: <ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li> <li class="item8"></li> <li class="item9"></li> <li class="item10"></li> </ul> 6、Ctrl + Enter , 在下方添加行 Ctrl + Shift + Enter , 在上方添加行 7、Ctrl + Shift + V, 粘贴保持缩进
    查看全部
  • Emmet插件安装: 1. 安装Package Control 进入https://packagecontrol.io/的installation页面下载Package Control.sublime-package文件,在SublimeText3的Preferences-Browse Packages对话框中进入Installed Packages目录并将Package Control.sublime-package文件复制进去。然后重启sublime text3。 2.安装插件: 1)Ctrl+Shift+P:调出控制面板 2)搜索框键入Install Package命令(也可以简写)并回车,然后在列表选择Emmet。 3)点击确定等待安装 4)自动安装结束会自动弹出一个插件的安装信息的文件。
    查看全部
  • 1、启动命令模式:Ctrl+Shift+P 切换到JavaScript命令模式:输入 set syntax JavaScript即可 (支持模糊匹配) 2、当不知道是否有对SubLime Text控件操作的命令,可以打控件名称进行模糊匹配,如:minimap。 设置语法模式
    查看全部
  • 1、Ctrl+H :查找替换 2、Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词) 3、Ctrl+K Ctrl+D 跳过当前选择,选择下一个 4、Ctrl+shirt+D:复制游标所在行 5、Alt+F3:选择所有与游标所在单词相同的单词 6、按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标
    查看全部
  • ctrl+n 打开一个新的文件 ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html ctrl + p 快速定位并边界 如:@body 可以快速定位到当前文件的body标签 在搜索框里输入@可以搜索匹配项
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-10-28

举报

0/150
提交
取消
课程须知
1.具有前端开发经验; 2.对HTML+CSS+JavaScript内容熟悉掌握。
老师告诉你能学到什么?
1.快速提高编辑水平; 2.增加网络开发专业能力。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!