美文网首页
Sublime使用技巧

Sublime使用技巧

作者: 咻咻咻滴赵大妞 | 来源:发表于2018-09-06 23:06 被阅读0次

安装Sublime
官网:http://www.sublimetext.com
安装Sublime Text Build 3143 x64 Setup.exe到D:\Sublime Text 3目录
勾选Add to explorer context menu,在右键单击文件时就可以直接使用Sublime Text打开
Finish后在开始菜单找到快捷方式启动

打开左侧文件列表视图:View->Side Bar->Show Open Files
导入文件夹:File->Open Folder->选择某项目文件夹,并在此文件夹下拷入images图片资源,列表视图有显示
新打开的文件夹合并到一个窗口,不要新开窗口:不要点File->Open Folder,而是Project->Add Folder to Project
将文件夹从左侧列表移除:右键文件夹->Remove Folder from Project,不要选Delete Folder,它会把文件夹从硬盘上删掉
Sublime->View->Layout中Single是单独编辑一个页面,Columns:2可分两栏编辑,每个新页面是一个选项卡,双击空白处可新建一个文件
Preferences->Color Scheme可更换主题

快捷键
放大字号:Ctrl+=
缩小字号:Ctrl+-
删除当前行:Ctrl+Shift+K
复制当前行:Ctrl+Shift+D
上/下移当前行:Ctrl+Shift+↑/↓
Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本
Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行
Ctrl+→ 向右单位性地移动光标

表达式:ul>(li>a)*5
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>

按住Ctrl键,鼠标在多行连续点击,可多行编辑
创建Html文件:右键项目文件夹或点File菜单->New File->主视图光标处输入文件名test.html,保存在项目文件夹下,清空文件名开始编码
xhtml版本文档创建方法: html:xt + tab
H5版本文档创建方法: html:5 + tab 或 ! + tab

安装Package Control组件
按Ctrl+`调出sublime text的console
粘贴以下代码到底部命令行并回车:
import urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen('http://sublime.wbond.net/'+pf.replace('; ','%20')).read())
重启Sublime Text,在Perferences->package settings中看到package control,则表示安装成功

安装Emmet插件可以按Tab补全代码
按Ctrl+Shift+P调出命令板
输入install
然后选择install Package
然后输入emmet
找到 Emmet,点击就可以自动完成安装

文件路径提示功能:安装AutoFileName插件
点开菜单“preferences”——“package control”
下拉框中选择“install package”
等待几秒中,在弹出的新下拉框中,输入“autofilename”,下拉框会自动更新列表。点击列表项“autofilename”进行安装
点击菜单“preferences”——“package setting”,可以看到“autofilename”插件已经安装到编辑器中

安装IMESupport插件
让中文输入法跟随光标,安装完毕后,重启Sublime就可以了

设置多个浏览器预览
安装SideBarEnhancements插件,安装好以后点击工具栏的 preferences > package setting > side bar > Key Building-User键入以下代码

{ "keys": ["f1"],
"command": "side_bar_files_open_with",
"args": { "paths": [], "application": "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe", "extensions": "." }
},
{ "keys": ["f2"],
"command": "side_bar_files_open_with",
"args": { "paths": [],"application": "C:\Program Files\Mozilla Firefox\firefox.exe","extensions": ".
" }
},
{ "keys": ["f3"],
"command": "side_bar_files_open_with",
"args": { "paths": [], "application": "C:\Program Files\internet explorer\iexplore.exe", "extensions": ".*" }
}

安装jQuery插件
这样写jQuery代码时有代码提示

相关文章

  • 前端开发 VS Code 上手使用

    如果想配置 sublime 开发工具 => sublime 配置及使用技巧 如果想配置 vim 开发工具 => 面...

  • Sublime快捷键

    知乎:Sublime Text 有哪些使用技巧?sublime text 3 快捷键大全以及配置编译环境Subli...

  • 开发工具 Sublime Text

    参考Sublime Text 有哪些使用技巧Sublime Text 3 3103版本 破解 + 汉化3步汉化su...

  • Sublime 使用技巧

    安装Sublime官网:http://www.sublimetext.com安装Sublime Text Buil...

  • Sublime使用技巧

    安装Sublime官网:http://www.sublimetext.com安装Sublime Text Buil...

  • Sublime使用技巧

    Sublime Text:A sophisticated text editor for code, markup...

  • sublime使用技巧

    编辑器是我们写代码时提高效率的强大武器,所以我们应该熟练掌握它的使用技巧本篇主要总结一下 sublime 的常用快...

  • sublime使用技巧

    调出控制台 行操作 注释操作 文本操作 代码折叠 查找 替换 立即编译 插件安装1 我发现网上汉化包,不能使用in...

  • Sublime使用技巧

    快捷键 复制完以后 粘贴的时候按下 ctrl+shift+v 就可以使代码整齐粘贴不错位折叠代码 ctrl+k,...

  • sublime使用技巧

    1、替换成换行 ctrl + h 打开替换窗口。replace with里输入 ctrl + shift + en...

网友评论

      本文标题:Sublime使用技巧

      本文链接:https://www.haomeiwen.com/subject/xzafgftx.html