Sublime Text 3 & Atom插件篇

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ming_221/article/details/55511184

Sublime Text 3

解决Sublime包管理package control 报错 There are no packages available for installation:

修改hosts没有用。ctrl + ` 打开命令行可以看到出错信息。简单讲https://packagecontrol.io/channel_v3.json获取失败,直接在浏览器中打开该链接,下载channel_v3.json文件,直接放到本地路径,并修改Package Control.sublime-sUser-ettings中的channels的值为本地的绝对路径(我的是E:/md/channel_v3.json),保存。就可以通过Package Control进行安装了。

Terminal

在Sublime中直接使用终端打开你的项目文件夹(ctrl + t)

Markdown Preview

按下键Ctrl+Shift+p调出命令面板,输入Markdown
Markdown Preview较常用的功能是preview in browser和Export HTML in Sublime Text,前者可以在浏览器看到预览效果,后者可将markdown保存为html文件。

CSScomb

CSS属性排序。CSScomb可以按照一定的CSS属性排序规则,将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码,按Ctrl+Shift+C,即可对CSS属性重新排序了,代码从此简洁有序易维护,如果不选代码则插件将排序文件中所有的CSS属性。当然,可以自己自定义CSS属性排序规则,打开插件目录里的CSScomb.sublime-settings文件,更改里面的CSS属性顺序就行了。

Doc​Blockr

可以快速的对函数进行注释。保持代码规范。支持多种语言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.

/*:回车创建一个代码块注释
/**:回车在自动查找函数中的形参等等。

它会生成 JSDoc 格式的注释。如果你从没有使用过类似的工具,DocBlockr 会让你觉得以前没有它是如何写代码的。帮助你创造你的代码注释,通过解析功能,参数,变量,并且自动添加基本项目;如果你愿意其更为便捷,不妨再结合AutoHotKey,高效注释,由此开启。

http://www.jianshu.com/p/3cb5c6f2421c

http://www.cnblogs.com/Rising/p/3741116.html

material-theme

https://github.com/equinusocio/material-theme

jsFormat

 JsFormat配置文件:  
{  
  // exposed jsbeautifier options  
  "indent_with_tabs": false,  
  // 保留换行符  
  "preserve_newlines": true,  
  // 最大连续保留2二个换行符,也就是有一个空行  
  "max_preserve_newlines": 2,  
  // 在条件语句前有空格  
  "space_before_conditional":false,  
  //括弧添加空格  
  "space_in_paren": false,  
  // 在函数的括弧后面添加空格  
  //"space-after-anon-function":true,  
  "jslint_happy": false,  
  // [collapse-preserve-inline|collapse|expand|end-expand|none] ["collapse"]  
  // 代码的样式  
  "brace_style": "collapse",  
  "keep_array_indentation": false,  
  "keep_function_indentation": false,  
  "eval_code": false,  
  "unescape_strings": false,  
  "break_chained_methods": false,  
  "wrap_attributes_indent_size":0,  
  "wrap-line-length":0,  
  "end-with-newline":false,  
  // 支持JSX  
  "e4x": true,  
  //最初的缩进级别  
  "indent_level": 0,  
  // 缩进二个字符  
  "indent_size": 2,  
  // 缩进2个字符,字符是一个空格  
  "indent_char":" ",  
  //"eol":"\n",  
  // 保存时自动格式化  
  "format_on_save": true,  
  //格式化选中的文本  
  "format_selection": true,  
  // 是否启动.jsbeautifyrc文件  
  "jsbeautifyrc_files": false,  
  "ignore_sublime_settings": true,  
  "format_on_save_extensions": ["js", "json"]  
 }  

Atom

atom通过setting中无法下载插件,下面的方法全手动,基本属于万金油方法:

1,在atom的setting页面中点击open config folder进入到atom的配置项目,然后我们转到该项目下的windows窗口进入package文件夹,这将是我们放置插件包的地方。

2,打开https://atom.io/packages浏览自己需要的插件

3,选择插件中的repo,复制github地址

4,在步骤一的文件夹中运行git bash命令

输入以下:

git clone https://github.com/emmetio/emmet-atom (将插件的源代码克隆岛文件夹中)
cd emmet-atom (进入插件包文件夹)
npm install (下载,生成插件)
5,重启atom 或者 control + alt + R 刷新atom

下载超。。。级。。。慢。。。尝试装了个atom-material-ui,直接卡崩打不开,果断抛弃

atom-material-ui

auto-prefixer

之前使用Atom一段时间之后出现了莫名其妙无响应需要频繁,现在重装Atom插件又一直install不上,准备抛弃了。最喜欢Atom的还是material-ui这款漂亮的主题,可惜sublime下的material-ui主题一点都不漂亮。Atom没有略缩图也是一大憾事。

猜你喜欢

转载自blog.csdn.net/ming_221/article/details/55511184