文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

前端开发有哪些Sublime Text应用技巧

2024-04-02 19:55

关注

这篇文章主要讲解了“前端开发有哪些Sublime Text应用技巧”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“前端开发有哪些Sublime Text应用技巧”吧!

1) 选择

以下是一些Sublime Text选择文本的快捷键:

Sublime  Text还支持一次选中多行的操作:Furthermore, Sublime Text brings lets us select  multiple lines at once, which can significantly boost your productivity.  There are several ways to perform this feature:

前端开发有哪些Sublime Text应用技巧

2) CSS排序

CSS属性的顺序一般不重要,因为无论何种顺序浏览器都能正确渲染。但排序所有的属性还是有助于代码的整洁。在Sublime Text中,选中CSS属性后按F5就可以按字母顺序排序。

前端开发有哪些Sublime Text应用技巧

也可以使用 CSSComb 等第三方插件,更详细的控制排序的方法。

3) 命令面板(Command Palette)

使用命令面板可以快速完成多重任务。按Command + Shift + P调出面板,键入需要的命令即可。看以下的几个示例:

▼ 重命名文件

前端开发有哪些Sublime Text应用技巧

▼ 设置文件为HTML语法

前端开发有哪些Sublime Text应用技巧

▼ 插入代码片段

前端开发有哪些Sublime Text应用技巧

4) 切换标签页与工程

在同时打开多个标签页时,可以用以下的热键切换:

5) 拼写检查

如果你经常使用Sublime Text从事英文创作,那么启用拼写检查就非常有用处了。选择Preferences > Settings – User菜单,添加以下代码:

"spell_check": true,

6) 跨文件编辑

同一个编辑操作可以在多个文件中同时重复。举个例子,多个文件中有同一段代码时,可用以下的步骤快速编辑:

  1. 按Command + Shift + F在Find框中输入待查找的代码。可按Command + E快速使用选择中的代码段。

  2. 在Where框中指定需要查找的文件范围,或填写<open files>表示查找目前打开的文件。

  3. 在Replace框中输入要替换成的代码,按Replace按钮批量替换。

前端开发有哪些Sublime Text应用技巧

7) 文件爬虫

按Command + R可以列出文档中所有的CSS选择器。可以选择并立刻跳转查看。这个操作比使用一般的“查找”功能快得多。

前端开发有哪些Sublime Text应用技巧


8) 更换主题

Sublime Text的外观主题可以更换。Soda Theme就是一个不错的主题,可以在包管理器中安装。

前端开发有哪些Sublime Text应用技巧

如果要安装的主题并不在在线软件仓库中,也可以手动安装:

  1. 下载并解压缩主题包

  2. 点击菜单 Preferences > Browse Packages&hellip;

  3. 把主题文件夹复制到Packages文件夹中.

  4. 点击菜单 Preferences > Settings &ndash; Users 并加入以下代码:"theme": "Soda Light.sublime-theme"

9) 更换Sublime Text程序图标

不仅主题可以更换,图标也可以。在Dribbble上有大量重新设计的Sublime Text精美图标。更换方法:

下载一个图标,有.icns格式的最好。如果没有,用iConvert转换之。

终端执行:

open /Applications/Sublime\ Text.app/Contents/Resources/

替换Sublime Text 3.icns或Sublime Text 2.icns文件。

前端开发有哪些Sublime Text应用技巧

8) 增强侧边栏

SideBarEnhancements插件有效地改进了Sublime Text的侧边栏。安装插件后在侧边栏上点击右键,可以找到一下新功能:在资源管理器中打开、新建文件、新建文件夹、以&hellip;打开、在浏览器中打开。

前端开发有哪些Sublime Text应用技巧

注:在浏览器中打开的热键是F12。

感谢各位的阅读,以上就是“前端开发有哪些Sublime Text应用技巧”的内容了,经过本文的学习后,相信大家对前端开发有哪些Sublime Text应用技巧这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯