美文网首页
Sublime Text 3 使用指南

Sublime Text 3 使用指南

作者: 智慧与力量的贤者 | 来源:发表于2017-10-18 00:09 被阅读0次

快捷键

  • Ctrl + shift + p:打开悬浮对话框 Command Palette
    (输入install 回车,可以在新出现的悬浮框中查找要安装的插件)
  • Ctrl + n:新建一个文件
  • Ctrl + f:搜索
  • Ctrl + shift + p:格式化 html 代码
  • Alt + shift + 2:分屏显示

调整 字体 / 颜色

Preferences -> Settings, 进行如下编辑:

{
    "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
    "font_face": "YaHei Consolas Hybrid",
    "font_size": 12,
    "ignored_packages":
    [
        "Vintage"
    ],
    "theme": "Default.sublime-theme"
}


快速生成模板

  • 安装 SublimeTmp 插件。
  • 快捷键:
    • Ctrl + Alt + h:新建 html 文件
    • Ctrl + Alt + j:新建 javascript 文件
    • Ctrl + Alt + c:新建 css 文件
    • Ctrl + Alt+ p:新建 php 文件
    • Ctrl + Alt + r:新建 ruby 文件
    • Ctrl + Alt + Shift + p:新建 python 文件
  • 通过以下地址可以进行模板文档的更改:
    C:\Users\ usersName\AppData\Roaming\Sublime Text 3\Packages\SublimeTmpl\templates
  • 设置新的语言模板,详细参照 :Sublime Tmp 中文文档

Javascript 代码格式化

  • 安装 JsFormat 插件
  • 在 JS 文件中,右键-> JsFormat

Emmet 基本使用

默认快捷键 Tab
详见:我的 Emmet 学习笔记


可能会遇到的问题

1. codeIntel 的智能提示干扰 Emmet 语法问题

  • 可以试着重新安装一下 codeIntel(即先安装 Emmet,再安装 codeIntel),笔者遇到过这个情况,一气之下删掉了 codeIntel,然后在网上找了好久解决办法也没找到,后来找到下面的方法,就重新安装了 codeIntel,还没来得及调,就发现好了,额= =
  • 还可以试试:"codeintel_live_disabled_languages": ['html'],这是笔者在网上找到方法,还没试过,如果上述方法不生效,可以试试这个。

相关文章

网友评论

      本文标题:Sublime Text 3 使用指南

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