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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • advanceNewfile 先安装插件 Ctrl+alt+n-->输入路径+文件名
    查看全部
  • ***********Package Control使用方法********** 1. install Package 安装插件 2. List Package 已经安装插件列表 3. Remove Package 卸载插件 4. Disable/Enable Package 禁用/启用插件 推荐三款主题: 1.theme-soda 2.theme-flatland 3.theme-spacegray 注:主题安装好后,一段使用代码需要copy到user配置中 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的主题就会变成安装的主题样式
    查看全部
  • http Requester插件 在js文件中选中http请求地址(Get),按Command+Option+R,然后会在新标签页中得到服务器的Get响应信息<br> Github:https://github.com/braindamageinc/SublimeHttpRequester POST请求例子 POST http://localhost:8080 Content-type: application/x-www-form-urlencoded POST_BODY: variable1=avalue&variable2=1234&variable3=anothervalue
    查看全部
  • 1、安装插件advanceNewfile 2、Ctrl+Alt+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
    查看全部
  • 使用ctrl+e直接输入多行内容
    查看全部
  • 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
    查看全部
  • ***********Package Control使用方法********** 1. install Package 安装插件 2. List Package 已经安装插件列表 3. Remove Package 卸载插件 4. Disable/Enable Package 禁用/启用插件 推荐三款主题: 1.theme-soda 2.theme-flatland 3.theme-spacegray 注:主题安装好后,一段使用代码需要copy到user配置中 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的主题就会变成安装的主题样式
    查看全部
  • preference->package control->install package->spacegrey->在打开的message文件中,选择spacegrey eight的配置信息,拷贝信息->打开preference中的setting-user,粘贴并保存,即可生效
    查看全部
  • 1.ctrl+shirt+enter 在当前上方添加一行 2.(ul>.item$*10{content})+(ctrl+E) > 号生成子元素 ,$ 产生序号,{ }产生内容 3.Ctrl+] 增加缩进 [ 减小缩进。 4.alt+f3 全选,可以选中一部分再选择所有有该部分的元素。如 >< 标签之间的两个符号 5.ctrl+shift+v 保持缩进粘贴
    查看全部
  • C + P go to anything C + D select the word C + S + K delete the line C + S + P set the Syntax
    查看全部
  • ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html ctrl + p 快速定位并边界 如:@body 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
  • ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html ctrl + p 快速定位并边界 如:@body 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-07-13

  • 使用Ctrl+D选择词的过程中可以使用Ctrl+K、Ctrl+D跳过 使用Alt+F3可以整页选中选择的词 使用Escape可以退出多行游标模式 默认情况下,使用“shift+鼠标右键点击”可以产生多行游标
    查看全部
  • 多行游标 方法一:Find -> Replace...:替换,Ctrl+H 方法二:Ctrl+D选择当前光标所在单词,重复Ctrl+D进行多次选择,产生多行游标 用Ctrl+D进行多行游标操作时,可用Ctrl+K加Ctrl+D跳过不需要操作的内容 使用单词选择产生多行游标 方式一:多次使用Ctrl+D选择单词,可用Ctrl+K加Ctrl+D跳过不需要操作的单词 方式二:选中第一个单词,输入Alt+F3选中所有相同的单词 方式三:通过拆行的方式产生多行游标,输入Ctrl+A,再输入Ctrl+Shift+L 方式四:使用鼠标进行拖拽,可在任何地方产生多行游标,按住Shift键,再按住鼠标右键,向下拖拽产生多行游标
    查看全部

举报

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

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