当前位置: 首页 > 科技观察

前端开发不可不知的10个Sublime Text应用技巧

时间:2023-03-14 22:27:35 科技观察

前端开发必须知道的10个SublimeText应用技巧1)选择以下是SublimeText中选择文本的一些快捷键:Command+D选中一个单词Command+L选中一行Command+A选中所有Ctrl+Command+M`选中括号内的所有内容(写CSS或JS时非常有用)你的生产力。执行此功能有几种方法:命令按住命令键,然后单击要选择line命令+ctrl+g(选择部分文本时),按此键选择所有相同的文本命令+D(选中部分文本时)直接选择下一个出现的文本2)CSS排序CSS属性的顺序一般并不重要,因为无论哪种顺序浏览器都能正确渲染。但是对所有属性进行排序仍然有助于保持代码整洁。在SublimeText中,选择CSS属性后按F5可按字母顺序排序。也可以使用CSSComb等第三方插件,对排序方式进行更详细的控制。3)命令面板(CommandPalette)使用命令面板可以快速完成多项任务。按Command+Shift+P调出面板,然后输入所需的命令。请看以下示例:▼重命名文件▼将文件设置为HTML语法▼插入一段代码4)切换标签和项目当同时打开多个标签时,可以使用以下热键进行切换:Command+T到列出所有标签Command+Shift+]下一个标签Command+Shift+[上一个标签Command+Ctrl+P切换侧边栏显示的项目5)拼写检查如果你经常使用SublimeText写英文,启用它拼写检查很有用.选择Preferences>Settings-User菜单,添加如下代码:"spell_check":true,6)跨文件编辑同一个编辑操作可以同时在多个文件中重复进行。例如,当多个文件中存在同一段代码时,可以通过以下步骤进行快速编辑:按Command+Shift+F在查找框中输入要查找的代码。可以通过按Command+E快速使用选择中的代码片段。在Where框中指定要搜索的文件范围,或填写以搜索当前打开的文件。在替换框中输入需要替换的代码,点击替换按钮即可批量替换。7)文件爬虫按Command+R可以列出文档中所有的CSS选择器,可以选择并立即跳转查看。此操作比使用普通的“查找”功能快得多。8)更换主题SublimeText的外观主题可以更换。SodaTheme是一个很好的主题,可以在包管理器中安装。如果您要安装的主题不在在线软件仓库中,您也可以手动安装:下载并解压主题包点击菜单Preferences>BrowsePackages…将主题文件夹复制到Packages文件夹中。点击菜单Preferences>Settings–Users,加入如下代码:"theme":"SodaLight.sublime-theme"9)更换SublimeText程序图标不仅主题可以改,图标也可以改。Dribbble上有大量经过精心设计的SublimeText图标。替换方法:下载一个图标,最好是.icns格式。如果没有,请使用iConvert进行转换。终端执行:打开/Applications/Sublime\Text.app/Contents/Resources/替换SublimeText3.icns或SublimeText2.icns文件。8)SidebarEnhancementsSideBarEnhancements插件有效改进了SublimeText的侧边栏。安装插件后,在侧边栏右键找到新功能:在资源管理器中打开、新建文件、新建文件夹、打开方式...、在浏览器中打开。注意:在浏览器中打开的热键是F12。