Sublime Text 3 开发工具

一、简介

  • 跨平台 windows && mac os x && linux
  • 丰富的插件,拓展性很强
  • 友好的体验,提高工作效率

二、下载地址

  • 百度搜索下载
  • Download – Sublime Text

三、SublimeText3 插件部分

首先是安装包管理器Package Control,SublimeText3的指令已经更新了,SublimeText2更新上来的童鞋注意下Ctrl+`打开控制台或者View->Show Console菜单打开命令行

就是上面这串东西了,然后就可以接下来的安装插件了

Tips: 插件名字链接到github, 络不好的童鞋自行下载包扔到打开的文件夹下面,然后解压,重启Sublime就行

1. emmet

这个没有什么好说的,类似jQuery的语法,编码蹭蹭往上提。不过要求PyV8环境(安装完后你会看到有一个文件夹),最好还是选择在线装吧。 输入  等待读取服务器列表,输入第一个就是了ps:最好看一下 github里面的简单教程

2. 侧边栏增强插件SideBarEnhancements

这个也没有什么好说的,谁用谁知道,大大增强右键列表的功能,装上就能用。

3. 控制台呼出插件Terminal

用node,Grunt等等要调出控制台的娃知道的,简直神奇有木有,装上就能用。

Tips:快捷键 呼出当前文件路径的控制台

4. 代码提示插件SublimeCodeIntel

这个也没什么废话吧,支持多语言的高速编码的代码提示工具。装上后还不能直接使用,查了一下原因要配置你可以点击 然后添加一个文件夹再再在文件夹里面添加一个文件(Windows创建文件夹需要输入)

config文件配置:

其实只要有JS就够了,不过或许某天你要写PHP了呢是吧,留着吧。

然后打开Sublime创建个文件试一下,如果还不行就按下  开启提示功能

5. 代码排版插件Sublime-HTMLPrettify

以前用的是什么TAG,CssComb和JSFormat,但是某一天发现这款集成prettify的插件后就一直没换过了,不要被插件的HTML迷惑,这是一款可以用于HTML,CSS,Javascript的集成排版插件

Tips:安装完快捷键 一键格式化代码

6. CSS3前缀补充插件Autoprefixer

输入等待读取服务器列表,输入第一个就是了要装Node.js,没有的话去下载安装吧插件使用CanIUse资料库,能精准判断哪些属性需要什么前缀

Tips:使用方法:在输入CSS3属性后(冒 前)按Tab键


SublimeText3 添加右键菜单和快捷开启浏览器

添加右键菜单

有时候要开个文件要开个SublimeText3,又要拉文件,麻烦。这里介绍将Sublime添加到右键菜单。

  1. 打开注册表,
  2. 在  下面新建项命名为
  3. 右键SublimeText项,新建字符串值,命名为,值为 “sublime_text.exe所在路径,0”,例如:
  4. 右键SublimeText项,新建项,命名为command,默认值为 “sublime_text.exe所在路径 %1”,例如:

一键浏览文件

打开用户快捷键设置,copy下面的设置

稍微解释下,keys是按键,application是浏览器应用程序路径,注意反斜杠的要转义。extensions是匹配所有的文件后缀格式。

Tips:查了下默认的快捷键,SublimeText3中f1-f12中只有f11被默认为全屏命令,其他的没设置。也就是说,你可以装十个八个浏览器一字排开按过去测试。

四、SublimeText3 操作部分

1. 就近选择相同项: 

把光标放在一个单词上,按下ctrl+d,将选择这个单词。一直按住且按多次,将选择当前选中项的下一个匹配项。通过按住ctrl,再按D三次,将选择三个相同的文本。

2. 选择当前文件所有匹配项: 

选择文件中的所有匹配项。小心使用这个,因为它能选择一个文件中的所有匹配项. .

3. 选择文本的包裹标签:  (ESC键下面的那个)

这是一个法宝。也许你希望所有属性保持不变,但只是想选择标签。这个快捷键为你这样做,会注意到你可以在一次操作多个标签。ps:需要Emmet插件(可以直接到后面看插件的安装)

4. 向上扩展一层: 

如果你把光标放在文本间再按下上面的键将选择文本,就像。但是再次按下它,将选择父容器,再按,将选择父容器的父容器。ps:需要Emmet插件(可以直接到后面看插件的安装)

5. 选择括 内的内容: 

这有助于选择括 之间的一切。同样适用于CSS。

6. 整行的上下移动: 或 

7. 复制行或选中项: 

如果你已经选中了文本,它会复制你的选中项。否则,把光标放在行上,会复制整行。

8. 增加和减少缩进: 

9. 单行剪辑或选中项: 

10. 粘贴并复制格式: 

11. 用标签包裹行或选中项: 

12. 移除未闭合的容器元素: 

这会移除与你的光标相关的父标签。对清除标记很有帮助。

13. 大写和小写: 大写、小写

14. 注释选中项/行: 

这个在所有语言下都可用, 对行和选中项都可用

15. 删除一行: 

五、SublimeText3 问题部分

1.自动更新

有时候会弹出自动更新的框,解决方法:

  1. 找到Preferences -> Settings-User(设置用户)
  2. 在最后一个花括 结尾(“}”)前添加一句:
  3. 然后请关闭Submine Text并重启,即不会再弹出更新提醒了

2.不能获取插件列表 Package Control:There are no packages available for installation

    1. cmd下输入链接一下看下sublime.wbond.net这个域名的ip
    2. 打开文件。在最后面加上例如 这样的对应关系,IP是上面测试的
    3. 然后请关闭Submine Text并重启,即不会再弹出更新提醒了

文章知识点与官方知识档案匹配,可进一步学习相关知识Python入门技能树预备知识常用开发工具211158 人正在系统学习中

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年3月5日
下一篇 2022年3月5日

相关推荐