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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • ctrl+a 然后ctrl+shift+l 产生多行游标
    查看全部
  • Alt+F3选中所有匹配单词,产生多行游标
    查看全部
  • Ctrl+P 可以搜索项目中的文件
    查看全部
  • 启动命令模式:Ctrl+Shift+P
    查看全部
  •  ctrl+h (find and replace) ctrl+d 产生游标 CTRL+k 跳过此游标 ctrl+shift+d 快速复制 Ctrl+Z 撤销 Ctrl+Y 恢复撤销
    查看全部
  • ctrl+shift+p切换语法模式
    查看全部
    0 采集 收起 来源:Goto Anything

    2017-08-02

  • package control 主题安装 1、进入官网。(sublime.wbond.net) 2、选择sublime的版本 然后复制下面的代码。 3、进入sublime text 软件,选择view下的show console。 4、将代码粘贴进去按回车等待安装的完成。 5、安装完成后重启sublime text。 6、启用命令模式(ctrl+shift+p),输入package control:install package. 7、等待加载插件,加载完有很多的插件。 8、选择主题插件theme(主题) ****,有很多样式,可以去官网看,推荐flatland、soda、spacegray。。。在命令模式下选择一种,比如选择 theme spacegray。 9、等待安装,安装完成后会弹出使用说明,说明里有叫你把space eighties 下面的复制到自己用户的配置信息中,也就是preferences菜单下的settings user里将复制的代码粘贴进去。(打个逗号粘贴),保存后安装完成,sublime text的主题就会变成安装的主题样式。 10、推荐三款主题: 1.theme-soda 2.theme-flatland 3.theme-spacegray 注:主题安装好后,一段使用代码需要copy到user配置中
    查看全部
  • 编辑html文档时,开始符合和结尾符比较繁琐,可以安装一个插件emmet可以快速生成,输入!号,然后快捷键ctrl+e 在mac本上只需要输入!号,然后按回车键即可,或者输入html直接按enter(内置插件可自动补充代码) 找到body标签--ctrl+p--输入#body--查找即可,#是页面的一个匹配 如果想输入ul下有十个class为item的li列表只需要输入ul>.item$*10 如果想将ul列表缩紧,ctrl+>是右缩进,ctrl+<是左缩进 (在mac中tab是右缩进,shift+tab是左缩进) alt+f3同时添加多个光标,改变内容 粘贴的时候按住ctrl+shift+v能够在保证缩进的前提下粘贴代码
    查看全部
  • 1、启动命令模式:Ctrl+Shift+P 切换到JavaScript命令模式:输入 set syntax JavaScript即可 (支持模糊匹配) 2、当不知道右侧小窗口的作用,在命令行输入minimap可以关闭,再输入一次可以开启。 设置。
    查看全部
  • 产生多行游标的五种方法 一,选中一个单词后,重复ctrl D; 二,选中一个单词后,alt F3; 三,ctrl A,ctrl shift L;(每行都会产生一个光标),如果每行一样的话很方便; 四,按住shift和鼠标右键,进行拖动,也可以产生多行游标; 五,按住ctrl键,用鼠标左键一个一个点击,也可以产生多行游标;(这个是自己发现的)
    查看全部
  • find:replace 将相同的关键字一次性替换,快捷键是command+shift+f,windows为ctrl+h, 另外一个快速替换的快捷键是ctrl+D,可以同时多行编辑, 比如想要在很多段内容里添加相同的字内容,则可以选中大括号,ctrl+D,然后ctrl+k跳过不想添加的部分,继续ctrl+D即可。 alt+f3为多选,能选中多行来产生多行游标
    查看全部
  • selection:expand selection to word:可以同时选中多个相同单词进行同时编辑
    查看全部
  • command+shift+p:切换文件的格式(如css、js)等 command+p:快速查找文件,在查找输入框里输入@符号即可查找各属性
    查看全部
    0 采集 收起 来源:Goto Anything

    2017-07-31

  • 1. 安装SideBarEnhancements插件 ctrl+shift+p —> Install Package —> 找到SideBarEnhancements SideBarEnhancements 2. 配置预览快捷键 Preferences —> Key Bindings - User 将以下代码复制到数组中。 // chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe", "extensions":".*" } }, // firefox { "keys": ["f3"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "D:/Program Files (x86)/Mozilla Firefox/firefox.exe", "extensions":".*" } }, // ie { "keys": ["f4"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files/Internet Explorer/iexplore.exe", "extensions":".*" } } 上面的代码中有两处需要注意的地方,一个是keys表示快捷键,即f2可以启动chrome进行预览。另一个是application,表示浏览器所在的安装路径,只有路径配置正确,才能够正常调用浏览器
    查看全部
  • 一些插件及与其相关的快捷键的使用: (1)Emmet插件: 安装Packet:菜单栏View->Show Console->粘贴text2或text3的Packet配置信息->重启软件->Ct+N(新建文档)->Ct+Sh+P->输入pci->查找要安装的插件,如emmet 安装好Emmet插件后: !+Ct+E:迅速生成html的基础元素 Ct+P:查找时加 #元素名;找到后,若要在该行下新加一行,可按 Ct+Enter 在文档中写: ul>.item$*10 ,再按Ct+E,则一次性生成10个<li class="item(1/2/3/../10)"></li> 即 父元素> .(表示有class标签或用 # 表示有id值)类名(id名)$*(子元素出现次数),再Ct+E 在文本中写 h2{this is good} 再按Ct+E,则生成 <h2>this is good</h2> Ct+ 键盘上含 } 的键:文本缩进 Ct+Sh+V:粘贴时保持复制时的格式,如缩进等 (2)insert callback插件 Alt+C:删除多于的符号 (3)advanNew 用于创建文档的同时命名、保存该文档 Ct+Alt+N:在不用打开相关文件夹的情况下新建文档,需填写路径到 文档名.html(或其他类型文档) (4)httpRequester 用于测试地址 Alt+Ct+R:测试 localhost(:端口号)/... (5)netauke Snip (6)sidebar enhancement 右击对应文档,有直接浏览该页的选项 (7)docblockr 用于简化注释拼写 /** +Tab键 :可有函数的注释格式 /** 或 /* + 回车键:其余注释符自动补充 (8)sublimelinter-jshlint 用于语法、风格的检验 安装jsnode插件 -> 安装sublimelinter-jshlint插件 ->运行cmd,输入 npm install -g jshint ->最后到sulimt软件里检验 补充9.html代码对齐插件 html beautiful; 安装后快捷键ctr + alt + shift + f
    查看全部

举报

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

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