sublime text 插件已经环境设置

fredbrock
695 阅读4分钟

写这篇文章主要是因为每次换了新环境后,编辑器什么的都要重复配置一般,以前好用的插件可能就忘了,为了加深印象所以特别写了这篇文章。

一、插件篇

  1. Emmet

  2. colorpick (Sublime Text 2和3（Mac OS X）的拾色器插件)

  3. Side Bar Enhancements (这是一一个侧边栏插件,升级侧边栏的功能。)

  4. Placeholders (快速填充标签占位,比如img 的src的地址)

  5. DocBlockr *（强化注释功能,快速生成注释描述信息,有多种食用方式,可以看文档）

  6. HTML5 (Sublime Text添加HTML5语法模式和片段。)

  7. SublimeCodeIntel (代码智能插件为您的源文件建立索引并使您能够找到函数定义并跳转到它们。此扩展适用于大量流行的和不太流行的编程语言。)

  8. Minify (压缩js/css/html/JSON/svg,使用这个插件的前提是：) 快捷键：ctrl + alt + m

    npm install -g clean-css uglifycss js-beautify html-minifier uglify-js minjson svgo

  9. Color Highlighter (推荐*：ColorHighlighter是Sublime Text 2和3的插件，它通过将不同风格的选定十六进制代码，着色文本或阴影图标着色，以不显眼的方式预览颜色值。此外，插件添加了颜色选择器，颜色格式转换器以轻松修改颜色。)

  10. Sublime Linter (该软件包使代码编辑器能够检查语法错误，不良行为或开发人员可能犯的其他错误。SublimeLinter本身只是作为linting的基础框架，所以你还需要为你编码的每种语言安装单独的插件。)

  11. GitGutter 是一个兼容Sublime Text 2 或者Sublime Text 3 的插件，它可以在行数的前面显示那一行是被增加，修改还是删除。

  12. language syntax （据说这个插件提供多达50多种语言的高亮,牛逼啊！！！）

  13. LESS (less高亮插件)

  14. BracketHighlighter (高亮html的标签作用,真方便)

  15. Clipboard History (复制粘贴可以选择历史记录)

    Windows和Linux：

    • 按ctrl-alt-v显示历史记录

    • 按ctrl-alt-d清除历史记录

    • 按ctrl-shift-v粘贴上一个（较旧的）历史记录条目

    • 按ctrl-shift-alt-v粘贴下一个（较新的）历史记录条目

  16. 主题（Themes）

    安装了主题不知如何切换嘛？ Preferences -> Theme 会弹出所有可用和安装了的主题

  17. jQuery （jquery函数提示）

  18. AutoFileName （快速填充文件路径）

  19. IMESupport （sublime 在使用中文输入法的时候,不能很好的跟随光标显示,这让我闭着眼打字嘛?使用这个插件或许能帮到你！） 注意:这个需要从github下载下来文件解压后复制到Preferences 目录下

  20. FileDiffs （文件对比,快速查找不同之处）

  21. Trailing spaces （检测去除代码多余空格,代码洁癖者可以使用。）

  22. GBK Encoding Support （从网上copy别人源码,经常显示乱码,这个插件可以解决）

  23. Git​Gutter （使用git提示代码中插入、修改、删除的地方）

  24. Vue Syntax Highlight vue高亮插件

  25. Vue​Formatter 格式化vue代码

  26. Vuejs Snippets 快速生成代码片段

  27. HTML-CSS-JS Prettify 格式化代码

  28. rem-unit px-to-rem

  29. Px​Rem​Tooltip 用于Sublime Text的PX和REM工具提示

  30. jsFormat 当趴别人网站时候，一般别人js文件都是压缩混淆过后的，完全看不懂，这时可以使用它来格式化代码。

    • 快捷键 ： ctrl + alt + f

二、快捷键篇

未完待。。。

四、备份迁移

四、其他编辑器

  1. Visual Studio Code
  2. webstorm （基本不需要什么安装配置）
  3. atom (大家都说很卡,其实还好啦.)
  4. brackets （adobe公司的，可能大家没用过,界面设计不用说的,唯一不足的可能是插件匮乏了吧,毕竟使用的人不多）
  5. HBuilder (国产算是比较良心之作了,初学前端用的就是它,流畅度和开启速度需要提升.)

为了方便理解使用,后续我会贴出gif让插件的功能更加直观,最后一个便是安装一个你喜欢的主题去开心的写代码吧！ 其实还有很多强大的编辑器.不用这么多复杂的配置,可是sublime 是真的小巧, 欸！可能我太爱她。

avatar
文章
阅读
粉丝