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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • Sublime text 3 常用功能快捷键 Ctrl+H 查找与替换 适用于大规模替换单词 Ctrl+D 多行光标 选中内容后重复使用可以继续选择同样的内容 同时可以选择Ctrl+K跳过 Alt+F3 选中第一个单词后使用能够全部选中所有相同内容的单词,直接产生多行光标 Ctrl+Shift+L 先选中所选内容使用此组合键后也能产生多行光标 Shift+拖动鼠标右键 产生多行光标 Ctrl+Shift+D 快速复制光标所在行文本 Ctrl+N 新建文本
    查看全部
  • *********语法和编写风格的校验插件SublimeLinter********** 1. SublimeLinter插件是总框架,具体语言再另行安装 2. 具体语言风格例如js, 插件为SublimeLinter_JShint 3. 可以自定义校验风格 Eg. "eqeqeq":true //强制三等号验证 4. 需要安装npm包,安装node.js,再安装JShint,在命令行输入:npm install -g jshint,回车安装; 5. 自定义校验规则:在工程中创建配置文件,名字必须是.jshintrc ,用json语言编写 详细配置说明网站:http://jshint.com/docs/options/#curly ___________________________________________________________________________ node.js安装教程网址http://www.runoob.com/nodejs/nodejs-install-setup.html
    查看全部
  • ***************SidebarEnhancement侧边栏增强插件************* 1. 安装SidebarEnhancement插件 2. 在侧边栏的目录处右键发现功能增强 3. 可右键在指定浏览器中打开 4. 可快速打开文件所在的文件夹
    查看全部
  • ************版本控制Nettus fetch插件(Git插件?)************* 1. 安装nettusfetch 2. 在其功能表中选择Fetch:Manage管理配置文件 3. 可通过Fetch:Manage功能添加和删除类库 4. 代码格式为"库名"+"Github中的链接" 5. Ctrl+Alt+Shift+N(Advanced Newfile插件),新建文件 6. 在新建文件窗口调出 Fetch:file功能,选择某个类库,回车即可下载
    查看全部
  • htttpRequester插件 下载httpRequesterer 1.在Sublime内部,做服务器响应的测试Get请求 node.js的express框架下: router.get('/',function(req,res){res.send('request with a resource');}); 注释需要测试的路由地址//localhost:3000/users/并选中 (3000为端口号) ctrl+alt+R ====>在新的Tab页里看到服务器的响应 在Sublime内部,做服务器响应的测试Post请求: node.js的express框架下: /* POST localhost:3000/users/ (3000为端口号) Content-type: application/x-www-form-urlencoded POST_BODY: ac=weeklyregister_register&code=weeklyregister&wapid=ma_62 */ 选中上面的注释 ctrl+alt+R ====>在新的Tab页里看到服务器的响应
    查看全部
  • 传统创建文件:Ctrl+N, 保存文件:Ctrl+S 使用Advance new file 插件来创建新文件:打开命令模式安装Advance new fiel--ctrl+Alt+N--输入文件属性/路径:目录/目录.文件属性 ctrl+shift+P安装advanceNewfile插件可以快速的创建一个文件,列子:public/css/test.css
    查看全部
  • Sublime text 3 常用功能快捷键 Ctrl+H 查找与替换 适用于大规模替换单词 Ctrl+D 多行光标 选中内容后重复使用可以继续选择同样的内容 同时可以选择Ctrl+K跳过 Alt+F3 选中第一个单词后使用能够全部选中所有相同内容的单词,直接产生多行光标 Ctrl+Shift+L 先选中所选内容使用此组合键后也能产生多行光标 Shift+拖动鼠标右键 产生多行光标 Ctrl+Shift+D 快速复制光标所在行文本 Ctrl+N 新建文本
    查看全部
  • ***************Snippet及相关插件****************** *******若输入JS语言,先调成JavaScript语言模式******* 1. ctrl+shift+p 输入 snippet:function 自动生成function的基本结构 2. 应用自动补全功能, 输入"fun",见提示后按Tab键或Enter键 3. Tab键能快速定位下一个name位置 4. 安装 Javascript& NodeJS Snippets插件,jQuery插件,和insert callback插件 5. 具体的snippet在插件官网查看
    查看全部
  • ***********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的主题就会变成安装的主题样式
    查看全部
  • ctrl+shift+v保证首行缩进格式下,进行复制操作,不会出现乱码。<br> alt+f3选中所有同类型格式元素<br> shift+鼠标右键滑动可以给多行添加光标<br> ctrl+enter在此下面新添加一行<br> ctrl+shift+enter在此上面一行 1、ctrl+N:打开编辑区 2、切换语法:ctrl+shift+P:命令模式:SSHtml //模糊查询,切换到Set Syntax HTML格式 3、使用插件Emmet,Atl+. :闭合标签 ctrl+E:补全标签 4、使用插件Emmet,输入“!”+ctrl+E生成HTML文档 5、跳转body内部:ctrl+P:“#”当前页面匹配body 5、ctrl+Enter:当前行下面添加一行 ctrl+shift+Enter:当前行上面添加一行 6、(ul>.item$*10)+(ctrl+E),生成10个类名为item1~item10的li标签 7、({}输出内容)+(ctrl+E):h2{这里填要显示的内容} 8、ctrl+shift+V:带格式化的复制 9、符号功能 文件内部导航: @可以查找CSS选着器 js的函数
    查看全部
  • ctrl+p代表查找相关项目,ctrl+shift+p切换语法
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-04-10

  • 安装package control
    查看全部
  • sublime.wbond.net
    查看全部
  • 设置主题
    查看全部
  • sublime text3软件。。
    查看全部

举报

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

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