sublime text3 package 插件配置

sublime text3 package 插件配置

1.emmet

2. autoprefixer – node.js 必须在path中.

3. Nettuts+ Fetch 远程获取单文件或zip文件到本地.

需要设置management file. 通过 命令面板—>fetch

注意:

• 如果是 fetch file: 你首先要新建一个空白的文件,然后远程的单文件内容会出现在这个空白的文件中.
• 如果是 fetch package: 下载远程的文件的时候要求你选择放置的本地位置.要留意的是如果你要下载的是一个叫做WordPress.zip的远程文件,你最好在出现的底部弹出框地址后面加上 /WordPress. 这样就会创建一个WordPress子文件夹,远程的文件也会解压到这个WordPress子文件夹中.(远程的文件夹解压不会有WordPress这个文件夹,所以你最好是在之前的地址上加上WordPress这个子地址,会自动创建WordPress这个文件夹)

4. Advanced new file:

通过底部地址栏快速创建文件,支持递归创建文件夹内部的文件.

快捷键:

{ "keys": ["ctrl+alt+n"], "command": "advanced_new_file_new"},

5. Sidebar Enhancements 侧栏增强

可以设置默认的浏览器,状态栏显示文件大小,修改时间.
设置url_testing,url_product

6. IMESupport 输入法支持

解决中文输入法不跟随光标,只显示在右下角的问题.

7. SublimeLinter 一个linter的framework框架,必须安装相应语言的独立的linter.

配置: “lint_mode”: “save”,只在保存后进行检测

下面的js.css必须确保node.npm在系统变量中(只要安装顺序安装nodejs就可以了,不需要额外设置)
下面的php,需要php.exe在windows的系统变量中.
如果你不想添加到系统变量中,还可以在sublimeLinter的设置中

// Provide extra paths to be searched when locating system executables.
"paths": {
    "linux": [],
    "osx": [],
    "windows": []
},

7-1: sublimelinter-jshint (作者github仓库是sublimelinter)

• 第一步:安装sublimelinter-jshint
• 第二步:下载windows版nodejs安装.安装的时候选择add path(自动添加node,npm到环境变量中).
  可以在cmd中运行 npm -v 查询 npm的版本以及是否已经添加到环境变量中
• 第三步:在CMD中运行 npm install jshint -g . 全局安装jshint. 安装完毕后在 CMD中输入 jshint -v .检测是否已经安装了jshint
• 第四步:重新启动sublime text . 书写测试文件

7-2: sublimelinter-csslint(选择作者是sublimelinter)

• 第一步:安装sublimelinter-csslint
• 第二步:安装node
• 第三步:在CMD中输入 npm install csslint -g
  安装完成后输入在CMD中输入 csslint --version 检测版本
• 第四步:重新启动sublime text. 书写测试文件

7-3: sublimelinter-php (选择作者是sublimelinter)

• 第一步:下载安装sublimelinter-php
• 第二步:必须保证php.exe在windows的系统变量中

8. gist 这是一个连接GitHub的gist的插件.

• 第一步:登陆GitHub–>settings—>developer settings---->Person access tokens---->generate new token
  选择的token description可以写 sublime text3 gist ; 选择的scope, 选gist(设置这个通行证可以访问的范围)
  复制产生的token

• 第二步:preferences–>package setting—>gist—>setting default/setting user
  在 setting user中设置 token
  建议的配置:update_on_save 设置为false. 这样可以手动更新,不是保存时更新
  另外由于GitHub的api的设置,能够获取到的gist最多只有100个.
  所以如果有很多的gist,可以设置 “gist_prefix”: “snippet:” 或者 “gist_tag”: “snippet”
  只显示有 snippet: 为前缀 或者 显示有 snippet为tag 的 gist

• 第三步:创建gist可以通过1)命令面板 2)工具栏 tools—>gist
  创建的时候可以添加描述,建议格式, JavaScript:some text , php:some text
  文件名可以不要,如果有文件名则github中gist可以根据文件名进行语法高亮.
  可以选择一些内容进行提交,或者提交整个文件.

9. Docblockr 添加注释.

• 1)可以自动侦测变量的类型(如果使用类型定义 Array $people, 或者默认值 $address=‘beijing’)
• 2)使用方法: 输入/**, 然后按Tab
• 3)自动判断有没有返回值,函数以add,set开头,假设没有@return; 函数以is,set开头,假设返回值是Boolean;
  在JavaScript中,如果函数的首字母是大写,假设是类的定义,没有@return;
  在PHP中,一些魔术函数有一些预定义的返回值.
• 4)通过jsdoc_notation_map 可以配置根据prefix或者regex 的type类型或者@tag
• 5)通过jsdoc_extra_tags 可以配置额外的标签.例如作者,版本,日期,时间

"jsdocs_extra_tags": ["@author nickf", "@version ${1:[version]}","@date {{date}}", "@anotherdate {{datetime}}"]

10. PlainTasks 任务管理

• 1)创建一个标题, 格式是 标题: ,例如 2018年6月 第三周 周一:
• 2)创建这个标题下的列表项, 输入文字, 然后按CTRL + ENTER, 这样列表项前面就会出现一个小方块,表示没有完成. 或者 直接按 CTRL + I, 就会出现小方块,然后输入文字描述
• 3)可以给这些列表项任务 添加标记 ,格式是 去商场买东西 @personal 或者 解决bug @work
  右键放在这些标记@work 上,选择 Filter by tags under cursors, 会只出现@work标记的任务;
  全部展开CTRL + k, CTRL + J
• 4. 按-- 然后按tab , 这样直接就会出现分割线
• 5)完成任务,如何标记. 选择任务,按CTRL + D, 这样任务后面会出现 @done 的标签,同时小方块变为 选择号; 取消任务,ALT +C
• 6)如果想要将所有的已经完成的项目从不同的标题中移出统一到一个新的标题archive下,可以按shift + CTRL + A
• 7)移动任务,按CTRLshift+上下选择键
• 8)输入 s, 按两下tab 键,出现时间;
• 9)可以选择 tasks;save as html
• 10)CTRL + R 可以看罗列标题项,并且快速跳转

11. http Requester 或者HTTP请求的返回值

在sublime text 中选中请求的网址,摄入快捷键CTRL +ALT+R 或者 鼠标右击,选择菜单HTTP Requester

12. Pretty JSON 美化json:格式化

• 第一:HTTP Requester 返回的json可以通过pretty json 进行美化. 选中要美化的json的文本: 1)快捷键CTRL + ALT + J 2)或者通过命令面板. 如果json无效,会在sublime text的status bar 中显示.
• 第二:还可以验证json是否符合格式:通过命令面板,Pretty JSON: Validate
• 第三:还可以压缩json为一行json. 通过命令面板,Pretty JSON: Minify (compress) JSON
• 第四:还可以将json转化为XML. 通过命令面板, Pretty JSON: JSON 2 XML

13. liveReload 自动加载刷新页面功能

• 第一步:在package control中下载liveReload.
• 第二步:配置. preferences–>package setting—>livereload–>plugins–>enable/disable plugins–>enable–simple reload
• 第三步:在火狐或者chrome扩展中心中下载livereload插件
• 第四步:用浏览器打开文件,点击浏览器上的插件图标,使其变色工作.

除了刷新页面,还具有其他功能.

14. ConvertToUTF8

解决一些sublime text 不支持的格式打开时乱码的问题

15. Markdown Preview

• 01: 设置快捷键:

{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} },

这里的解析器建议设置为markdown. 如果是github,在线解析调用github接口,可能有每天50次的限制.

• 02: 因为markdown语法中空格是有意义的,表示断行等. 可以设置特别的语言setting.

  • 1)必须首先打开一个对应的语言的文件.例如markdown文件,并且保持这个语言的文件就是当前活动页.
  • 2)测试选择 preferences->setting -syntax spefic ,此时就会出现 Markdown.sublime-settings的文件.
  • 3)在Markdown.sublime-settings 文件中编辑设置, 这个设置会覆盖默认设置和用户设置.

  {
  // Set to true to removing trailing white space on save
  "trim_trailing_white_space_on_save": false,
  }
  

• 03: 在 Markdown文件的头部 输入 [TOC] ,不是[toc],必须大写. 然后生成HTML,就可以看到以h1-h6形成的
  目录结构.

16 .BracketHighlighter

• 第一: 建议preferences–>setting 中禁用 sublime text的默认括号和标记匹配器

"match_brackets": false,
"match_brackets_angle": false,
"match_brackets_braces": false,
"match_brackets_content": false,
"match_brackets_square": false,
"match_tags": false

• 第二: 可以自定义各种表现

---

sublime text3 用于 python 开发的插件

1. sublimeREPL

功能: 运行交互式环境; 支持多种语言; 可以替代sublime text的build system

资料:

• 安装包地址
• 视频使用教程

使用:

• 第一步: 安装sublimeREPL插件 .实际上,如果你的Python已经添加到系统变量中,那么其实已经可以运行了. Tools->sublimeREPL->Python->Python – Run current File
• 第二步: 打开地址: preferences–>browser Package
  
  将"id": "repl_python_run"下面的"cmd": ["python", "-u", "$file_basename"], 改成 "cmd": ["python", "-u","-i", "$file_basename"],
  
• 第三步: 可以将配置中的所有 CMD中的python参数改为实际的地址.

"cmd": ["python", "-u","-i", "$file_basename"],

改为

"cmd": ["H:/Program Files/Python/Python37/python.exe", "-u","-i", "$file_basename"],

• 第四步: 给 Python - Run current File 构建系统. 这样操作上会简化.更加方便我们的使用.
  
  选择 Tools–>build system -->new build system ,填充下面的代码,无需修改. 保存文件名为Python_REPL_Run_current_file.sublime-build

{
    "target": "run_existing_window_command",
    "id": "repl_python_run",
    "file": "config/Python/Main.sublime-menu"
}

• 第五步: 选中我们刚刚创建的构建系统. 然后 ctrl + b ,就可以了.
  

2. SublimeCodeIntel

3. Anaconda

功能: 代码提示,语法检查,pepe格式化等.

资料:

• 安装包地址, 以及一些问题的解决方法
• 使用文档地址

配置: preferences-> Package Setting->Anaconda ->Settings-User

{
    //实际上,如果你的python加入到环境变量中,那么这一项就不必设置 H:\Program Files\Python\Python37
    // "python_interpreter": "python",
    "python_interpreter": "H:/Program Files/Python/Python37/python.exe",

    // Set this to false to turn pep8 checking off completely. 关闭PEP8代码书写规范
    "pep8": true,
}