慕课网

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

最热最新

aWang

【安装代码(v2)】 import urllib2,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

查看全部

0 采集收起来源：packagecontrol安装主题
2015-02-09
aWang

·Emmet插件 { 1. 输入!，然后按Ctrl+E，会自动HTML5文档 2. 输入ul>.item$*10，然后按Ctrl+E,自动生成10行ul的子元素li 3. 输入script，按Ctrl+E，自动生成<script></script> 4. Ctrl+Shift+V，粘贴时保持格式 } ·Goto Anything { #keyword，对当前页面搜索匹配 } ·多行游标 { 1. 特征匹配，选中关键内容之后，之后按Alt+F3，就会在整个文档的特征处后方生成一个游标 2. 按住Ctrl，在需要添加游标的位置点击鼠标 3. 选择单词之后，Ctrl+D继续选择，Ctrl+K跳过当前选择 }

查看全部

0 采集收起来源：学以致用——Sublime综合技巧运用
2018-03-22
aWang

好吧，积分不够50还不能做笔记，现在可以了 ·Sublime Text支持模糊匹配 { 比如，bgc -> background-color } ·Ctrl + P，Goto Anything { :行号 -> 跳转到指定行 @符号变量 -> 跳转到指定的符号变量位置 public/css/bo@body -> 模糊匹配和@的组合使用 }

查看全部

0 采集收起来源：Goto Anything
2018-03-22
qiheizhiya

1、ctrl+N:打开编辑区 2、切换语法：ctrl+shift+P:命令模式：SSHtml 3、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） 7、（{}输出内容）+（ctrl+E） 8、ctrl+shift+V：带格式化的复制多行游标功能：alt+F3全选｛｝ ctrl+shift+enter光标上一行插入。粘贴：同时按着：ctrl+shift+v自动保存缩进输入"h2{内容}" 后 control+E 自动生成 <h2>内容</h2> 输入“script”后control+E 自动生成Javascript标签。

查看全部

0 采集收起来源：学以致用——Sublime综合技巧运用
2018-03-22
qiheizhiya

ctrl+H:查找替换 ctrl+D:选中内容 ctrl+K-->ctrl+D 跳过选取 ctrl+D-->Atl+F3全选匹配内容 ctrl+shift+D复制当前行产生多行游标: 1、ctrl+D 2、ctrl+D --> Atl+F3 全选 3、ctrl+A --> ctrl+shift+l 拆分行 4、鼠标放在单词上，按shift+鼠标右键下拉

查看全部

0 采集收起来源：Sublime-多行游标
2018-03-22
qiheizhiya 03:53

文件嵌套较多时用GoTo Anything（快捷键 ctrl + p）新建文件后语法模式的切换：ctrl +shift +p --->js（或其它）符号功能：css文件中输入@搜出所有的css，在css中添加属性可以采用模糊匹配的方法（其中的几个字母） javascript函数中输入@ 找出所有的函数

查看全部

0 采集收起来源：Goto Anything
2018-03-22
Nekonekod

alt+. 闭合标签 ctrl+enter 下一行 ctrl+shift+enter 上一行 emmet:ctrl+e eg:ul>.item$*10 安装emmet的方法：http://www.cnblogs.com/tinyphp/p/3217457.html（来源网络

查看全部

1 采集收起来源：学以致用——Sublime综合技巧运用
2018-03-22
Nekonekod

ctrl+shft+p 命令模式

查看全部

0 采集收起来源：Sublime-命令模式
2015-02-08
Nekonekod

第一种：ctrl+D 多行游标，一个一个选 ctrl+k 跳过第二种：ctrl+D alt+f3多选第三种：ctrl+A全选 ctrl+shift+L 第四种:shift+鼠标右键拖动

查看全部

3 采集收起来源：Sublime-多行游标
2015-02-10
黎明的海豚

输入"!"，然后按CTRL+E,会自动帮我们生成整段HTML文档，html+tab. ctrl+shift+v 粘贴时自动缩进选择要缩进的代码，Ctrl+}，产生缩进 Ctrl+{，减少缩进 5、ctrl+Enter：当前行下面添加一行 ctrl+shift+Enter：当前行上面添加一行 6、（ul>.item$*10）+（ctrl+E） 7、（{}输出内容）+（ctrl+E） 8、ctrl+shift+V：带格式化的复制

查看全部

0 采集收起来源：学以致用——Sublime综合技巧运用
2018-03-22
黎明的海豚

多行游标功能: 1.多处选择，通过选择内容，ctrl+d，匹配到下个内容并产生一个游标，以此类推。 ctrl+k跳过匹配的内容 2.alt+f3选择所有匹配的内容 3.鼠标移动要需要的地方，然后按住shift和右键往下拉，也可以形成多行游标

查看全部

0 采集收起来源：Sublime-多行游标
2015-02-08
房敬超

js报错提示： 1、先安装sublimelinter 2、然后在安装相应的代码提示，比如jshint--使用package Control安装 3、安装完之后再安装node.js 4、然后在node.js dos命令窗口安装jshint npm install -g jshint 格式规范插件，对代码进行校验规范。如针对Javascript语言目前，JShint比JSlint流行。 0、先安装总体框架插件SublimeLinter 1、然后安装SublimeLinter-jshint 2、安装Node.js。 3、mac终端运行：sudo npm install -g jshint ,输入密码，安装完毕，mac系统不加sudo，最后会提示：“npm ERR! not ok code 0”，安装不成功。安装成功会有如下提示： - /usr/local/bin/jshint -> /usr/local/lib/node_modules/jshint/bin/jshint jshint@2.6.0 /usr/local/lib/node_modules/jshint ├── strip-json-comments@1.0.2 ├── underscore@1.6.0 ├── exit@0.1.2 ├── shelljs@0.3.0 ├── console-browserify@1.1.0 (date-now@0.1.4) ├── minimatch@1.0.0 (sigmund@1.0.0, lru-cache@2.5.0) ├── cli@0.6.5 (glob@3.2.11) └── htmlparser2@3.8.2 (domelementtype@1.1.3, domutils@1.5.0, entities@1.0.0, domhandler@2.3.0, readable-stream@1.1.13) 4、可以自定义校验在工程中，创建配置文件，后缀名要以.jshintrc结尾,配置信息以Json格式保存，http://jshint.com/docs/options/ 网站中有所有可配置的校验提示说明。

查看全部

0 采集收起来源：Sublime-使用lint进行语法及风格校验
2018-03-22
房敬超

设置sublime text2/3支持浏览器预览 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，表示浏览器所在的安装路径，只有路径配置正确，才能够正常调用浏览器

查看全部

0 采集收起来源：Sublime辅助技巧 - sidebarenhancement
2018-03-22
房敬超

安装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类库.

查看全部

0 采集收起来源：Sublime辅助技巧 - nettus fetch
2018-03-22
房敬超

安装AdvancedNewFile插件， alt+command+N后，在下面输入文件名，即可在当前文件夹下创建文件，也支持通过输入不存在的路径创建文件夹以及文件。

查看全部

0 采集收起来源：Sublime辅助技巧 - advanceNewfile
2015-02-02

首页上一页 286 287 288 289 290 291 292 下一页尾页

0/150

提交

取消

该课程已下架

课程须知: 1.具有前端开发经验； 2.对HTML+CSS+JavaScript内容熟悉掌握。

老师告诉你能学到什么？: 1.快速提高编辑水平； 2.增加网络开发专业能力。