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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • Ctrl+P :go to anything Ctrl+shift+P:输入ss+语法类型可以切换语法类型
    查看全部
  • 1.ctrl+N:打开编辑区 2.切换语法:ctrl+shift+P:命令模式:sshtml 3.觉得输入的麻烦 可以按atl+.> 匹配出结束标签 4.一个更快捷的方法 “emmet插件” 输入“!”号 →Ctrl+E 5.到包的内部 ctrl+p→#body 匹配到body 这个标签 6.ctrl+enter 在当前下方添加一行 ctrl+shirt+enter 在当前上方添加一行 7.(ul>.item$*10)+(ctrl+E)“ >”号生成子元素 .(class)item(已item开头的class名)$(序号) 8.鼠标拖拽选择ul内的元素 Ctrl+] 增加缩进 [ 减小缩进。 9.alt+f3 全选 移动方向键就有了光标 10.ctrl+e 产生标签 11.ctrl+shift+v 粘贴时保持了缩进
    查看全部
  • 多行游标: Ctrl+D ALT+F3 全选 shift+鼠标右键 向上或向下进行选择多行游标 Ctrl+K Ctrl+D跳过一个游标 Ctrl+shirt+D 复制多行文本
    查看全部
  • Ctrl+H 查找替换 Ctrl+D 多行游标 Ctrl+K Ctrl+D 跳过一个游标 Ctrl+shirt+D 复制多行文本 ALT+F3 全选 Ctrl+A Ctrl+shirt+l 拆行的方式来选择游标 按住 shirt 和鼠标右键 也可以选中多行游标
    查看全部
  • ctrl+n 打开一个新的文件 ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html ctrl + p 快速定位并边界 如:@body 可以快速定位到当前文件的body标签 在搜索框里输入@可以搜索匹配项 添加路径搜索:view/index.html
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-08-05

  • 1.ctrl+n创建新文件 2.ctrl+s保存文件 3.安装插件ctrl+shirt+p 输入pic 到 pc:install package ,输入advancednewfile 回车安装完成 4.ctrl+alt+n 在该目录下创建文件 , ctrl+alt+n 比ctrl+n更为方便快捷
    查看全部
  • 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
    查看全部
  • 关于emmet插件的安装,要先在package control的官网上拷贝sublime text3的package control的安装代码https://packagecontrol.io/,然后回到sublime text3 的view中show codes中将安装的代码粘贴,enter键进行安装。 package control安装完后,用ctrl + shift + p调用出命令面板,输入pci就会出现package control install package,点击回车,出现新的命令窗口,输入emmet就可以加载emmet插件,还有其他javascript & Nodejs javascript等插件。
    查看全部
  • 1.安装advanceNewfile插件 2.ctrl+alt+n 在该目录下创建文件或者命名文件 目录名/文件名,在指定目录下创建 如:public/css/test.css 如果目录不存在同时也会创建目录 Ctrl+alt+n取代Ctrl+n
    查看全部
  • /installation安装packagecontrol 拷贝sublime text3的安装代码 在view->show console中粘贴刚才复制的代码回车(快捷键Ctrl+`(Show Console),输入安装代码 ),重启sublime ctrl+shift+p 输入pc,install package是安装插件,list pacakage列出安装的插件,remove删除,disable禁用 pci:theme//安装主题 theme : soda flatland spacegray//选择主题 ctrl+shirt+p 输入 pac 找到 install package 回车, 输入theme-spacegry 等待安装完成 ,会生成一些代码说明, 复制你想要的主题下的代码到设置中的用户模式下的代码里,保存之后就是spacegry的主题了。
    查看全部
  • 1、ctrl+N:打开编辑区 2、切换语法:ctrl+shift+P:命令模式:SSHtml 3、ctrl+Enter:当前行下面添加一行 ctrl+shift+Enter:当前行上面添加一行 4、(ul>.item$*10)+(ctrl+E) >子元素 .(class)item(已item开头的class名)$(序号) 7、({}输出内容)+(ctrl+E) 8,ctrl+shift+v:粘贴的时候可以保持代码原先的缩进 [ctrl+}],增加縮進 [ctrl+{],減少縮進
    查看全部
  • 启动命令模式:ctrl+shift+p 启动命令模式:输入 minimap 可以隐藏右方的小视图
    查看全部
  • Ctrl+H 查找替换; Ctrl+D 多行游标(选择多个); Ctrl+K Ctrl+D 跳过匹配; Alt+F3 匹配多行(全选); Ctrl+A 全选之后再按Ctrl+Shift+L出现多行游标; Shift + 鼠标右键 多行游标 Ctrl+N 打开新的编辑区; Ctrl+Shift+D 复制整行 产生多行游标的几种方式: 1、Ctrl+d(去除多余项:Ctrl+k+d) 2、alt+f3 3、ctrl+a全选之后再按ctrl+shift+L出现多行游标 4、所在选项点击shirt键后,点击鼠标右键拖动选择多行游标 [ 收起全文 ]
    查看全部
  • ctrl+n 新建一个新的文件 ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html ctrl + p 快速定位并边界 如:@body 可以快速定位到当前文件的body标签 在搜索框里输入@可以搜索匹配项 添加路径搜索:view/index.html
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-08-04

  • ctrl+n 打开一个新的文件 ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html ctrl + p 快速定位并边界 如:@body 可以快速定位到当前文件的body标签 在搜索框里输入@可以搜索匹配项 添加路径搜索:view/index.html
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-08-04

举报

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

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