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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • sublime新建js文档:ctrl+shift+P
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-10-28

  • Emmet 插件
    查看全部
  • Alt+F3 多选
    查看全部
  • command+H 查找替换 command+D 多行游标 command+K 跳过一个文件 command+Shift+D 复制整行
    查看全部
  • sublime 插件: snippet Java​Script & Node​JS Snippets jquery insert callback (alt+c) 1.切换语言格式,ctrl+shirt+p 2.简化操作 ctrl+shirt+p 输入 snippet:function 自动生成function的基本结构! tab键 移动光标到下一个词 自动补全功能,输入前几个英文字母,按enter 自动生成一段代码结构! 3.输入前一个英文字母,按enter生成一段代码 4.安装 javascript& nodejs snippets以及jQuery、Callback插件, ,很方便的提高生产力 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 + shift + p 启动命令模式
    查看全部
  • 语法和编写风格的校验插件SublimeLinter 1. SublimeLinter插件是总框架,具体语言再另行安装 2. 具体语言风格例如js, 插件为SublimeLinter_JShint 3. 可以自定义校验风格 Eg. "eqeqeq":true //强制三等号验证 4. 需要安装npm包,安装node.js,再安装JShint,在命令行输入:npm install -g jshint,回车安装; 5. 自定义校验规则:在工程中创建配置文件,名字必须是.jshintrc ,用json语言编写
    查看全部
  • 1. 注释是一种好的编程习惯,提高代码可读性和维护性 2. 安装Dockblockr插件 3. 输入/* 按 Enter,补充行注释。或选中后热键 Ctrl+ / 4. 输入/** 按 Enter,补充多行注释。或选中后热键 Ctrl+shift+ / 5. 在写好的函数上方输入/**按tab键,自动补充函数说明格式。
    查看全部
  • 开发中辅助技巧:sidebarenhancement 在sublime text3中如何实现在浏览器中打开我们想要的HTML文件 1)ctrl+shfit+p 输入pcip回车 sidebarenhancement回车 2)点击x.html 右键选择open in brower,选择相应的浏览器即可
    查看全部
  • 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,表示浏览器所在的安装路径,只有路径配置正确,才能够正常调用浏览器
    查看全部
  • GotoAnything:command+P 在CSS中选择器:@
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-10-27

  • ctrl + n 创建文件
    查看全部
  • ctrl + shift + p 启动命令模式
    查看全部
  • 安装Nettuts+ Fetch (https://packagecontrol.io/packages/Nettuts%2B%20Fetch) 通过这个插件能方便的更新前端开发所需的一些组件类库。 命令模式下,打开Fetch:Manager,看到现有的组件类库配置信息. alt+command+N 创建 public/js/jquery.js文件,Tools->Command Palette… (shift+command+P) 打开命令模式, 打开Fetch:File,看到Jquery回车就能下载最新版本的Jquery类库. 增加组件 在Fetch:Manager的配置文件中,在Jquery路径后添加逗号,下面添加:"underscore":"https://github.com/jashkenas/underscore/blob/master/underscore-min.js",保存文件,alt+command+N 创建 public/js/underscore.js文件,打开Fetch:File,选择underscore回车就能下载最新版本的underscore类库.
    查看全部
  • htttpRequester node.js的express框架 下载httpRequesterer 1.在Sublime内部,做服务器响应的测试Get请求 router.get('/',function(req,res){res.send('request with a resource');}); 注释需要测试的路由地址//localhost:3000/users/并选中 ctrl+alt+R 200 OK服务器响应正确 在Sublime内部,做服务器响应的测试Post请求: // POST http:// // Content-type: application/x-www-form-urlencoded // POST_BODY: // ac=weeklyregister_register&code=weeklyregister&wapid=ma_62
    查看全部

举报

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

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