sublime 自定义快捷代码

最新推荐文章于 2022-11-09 11:02:05 发布

aochijing0046

最新推荐文章于 2022-11-09 11:02:05 发布

阅读量352

点赞数

文章标签： php java ruby

原文链接：http://www.cnblogs.com/lichihua/p/7801526.html

版权

选择打开tools ->developer->new snippet

<snippet>
<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.　　
]]></content>



不同类型文件名在scope里用逗号分隔；如： text.html,source.php
</snippet>

将红色的代码替换成你想要快捷生成的代码

<snippet>
<content>
<![CDATA[
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>${1:site title}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<link href="" rel="stylesheet">

<body>

${0}

</body>
</html>
]]>

</content>

<tabTrigger>myhtml</tabTrigger>

<scope>text.html,source.php</scope>
<description>描述</description></snippet>

保存在user文件夹一般保存会弹出默认的保存地址C:\用户\计算机用户名\AppData\Roaming\Sublime Text 3\Packages\User；保存格式：文件名.sublime-snippet

如果自定义代码片段太多可以在\AppData\Roaming\Sublime Text 3\Packages\User\目录下新建文件夹然后将代码片段文件分类放进去

在html输入myhtml 在按tab键自定义的代码就出现啦！

${1:site title} 表示光标第一次停留的位置并且默认选中site title

${2}光标第二次停留的位置（即地二次按tab键）

${0}光标最后停留的位置

<scope>text.html,source.php</scope>

包括的文件类型：

ActionScript: source.actionscript.2
AppleScript: source.applescript
ASP: source.asp
Batch FIle: source.dosbatch
C#: source.cs
C++: source.c++
Clojure: source.clojure
CoffeeScript: source.coffee
CSS: source.css
D: source.d
Diff: source.diff
Erlang: source.erlang
Go: source.go
GraphViz: source.dot
Groovy: source.groovy
Haskell: source.haskell
HTML: text.html(.basic)
JSP: text.html.jsp
Java: source.java
Java Properties: source.java-props
Java Doc: text.html.javadoc
JSON: source.json
Javascript: source.js
BibTex: source.bibtex
Latex Log: text.log.latex
Latex Memoir: text.tex.latex.memoir
Latex: text.tex.latex
LESS: source.css.less
TeX: text.tex
Lisp: source.lisp
Lua: source.lua
MakeFile: source.makefile
Markdown: text.html.markdown
Multi Markdown: text.html.markdown.multimarkdown
Matlab: source.matlab
Objective-C: source.objc
Objective-C++: source.objc++
OCaml campl4: source.camlp4.ocaml
OCaml: source.ocaml
OCamllex: source.ocamllex
Perl: source.perl
PHP: source.php
Regular Expression(python): source.regexp.python
Python: source.python
R Console: source.r-console
R: source.r
Ruby on Rails: source.ruby.rails
Ruby HAML: text.haml
SQL(Ruby): source.sql.ruby
Regular Expression: source.regexp
RestructuredText: text.restructuredtext
Ruby: source.ruby
SASS: source.sass
Scala: source.scala
Shell Script: source.shell
SQL: source.sql
Stylus: source.stylus
TCL: source.tcl
HTML(TCL): text.html.tcl
Plain text: text.plain 纯文本
Textile: text.html.textile
XML: text.xml
XSL: text.xml.xsl
YAML: source.yaml

sublime 不智能提示

首选项-》设置-用户源博文地址非常感谢

{
    "auto_complete": true,
    "auto_complete_triggers":    #这里针对某个语言提示 ，例如默认情况下代码片段在.html时必须以<开头才提示，加上下面第二个后直接输入快捷语法就能出现提示框
    [
        {
            "characters": "abcdefghijklmnopqrstuvwxyz< :.",
            "selector": "text.wxml"
        },
        {
            "characters": "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.<",
            "selector": "text.html"
        },
        {
            "characters": "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.<",
            "selector": "text.xml"
        },
        {
            "characters": "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.<",
            "selector": "text.php"
        },
        {
            "characters": "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.<",
            "selector": "text.css"
        },
        {
            "characters": "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.<",
            "selector": "text.js"
        }        
    ],
    "auto_match_enabled": true,
    "color_scheme": "Packages/User/SublimeLinter/Big Duo (SL).tmTheme",
    "font_size": 9,
    "highlight_line": true,
    "ignored_packages":
    [
        "Highlight Dodgy Chars",
        "BracketHighlighter"
    ],
    "theme": "Soda Dark 3.sublime-theme",
    "update_check": false,
    "word_wrap": "auto"
}

快捷键：

Ctrl+Shift+ ↑ ↓键：当前行和相邻的行互换内容（上下移动改行）
Ctrl+D：选择单词，重复可增加选择下一个相同的单词
Alt+F3：选择所有相同的词
End 跳转到行尾
Home 跳至本行文本首部在重复则行首
Ctrl+M：跳转到对应括号光标在成对的括号之间切换(){}[],
Ctrl+Shift+M：选中当前括号(){}[]内容，重复可选着括号本身
Ctrl+L：选择行,重复可依次增加选择下一行
Ctrl+Shift+L：多行选中时每行末尾同时出现光标
Ctrl+Enter：在当前行前向下插入新行
Ctrl+Shift+Enter：在当前行前向上插入新行
Ctrl+X：删除当前行
Ctrl+R：前往当前文件的某个method
pgUp和pgDn 以函数为单位跳转？不太确定

Ctrl+Shift+P：打开命令面板
Ctrl+P：搜索项目中的文件
Ctrl+G：跳转到第几行
Ctrl+W：关闭当前打开文件
Ctrl+Shift+W：关闭所有打开文件
Ctrl+Shift+V：粘贴并格式化
Ctrl+U：软撤销，撤销光标位置
Ctrl+J：选择标签内容
Ctrl+F：查找内容
Ctrl+Shift+F：查找并替换
Ctrl+H：替换
Ctrl+N：新建窗口
Ctrl+K+B：开关侧栏
Ctrl+F2：设置/删除标记
Ctrl+/：注释当前行
Ctrl+Shift+/：当前位置插入注释
Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的
Ctrl+Shift+A：选择当前标签前后，修改标签用的
F11：全屏
Shift+F11：全屏免打扰模式，只编辑当前文件
Alt+.：闭合标签
Alt+Shift+数字：分屏显示
Alt+数字：切换打开第N个文件
Shift+右键拖动：光标多不，用来更改或插入列内容
Ctrl+依次左键点击或选取，可需要编辑的多个位置

设置微信小程序wxml, wxss代码高亮

1. Sublime text打开微信小程序工程文件，找到一个wxml文件，打开。

2. 右下角显示“Plain Text”的地方点一下，会弹出来很长一列选项，拉到最上

Open all current extension as HTML

3. wxss文件同理，除了Open all current extension as CSS

自定义主题，代码颜色与自定义配置参数参考

sublime text3 不能安装插件提示 there are no packages avaiable for install

带命名空间提示的自动提示插件：（不知道怎么用）

从http://github.com/SublimeCodeIntel/SublimeCodeIntel下载最新的源代码并将整个目录复制到Data/Packages目录中(首选项-->浏览插件)。重启

配置：

1.打开preferences->packages settings ->Package Control ->Settings-User

中文：首选项-->插件设置-->Package Control -->设置-用户

文件地址：Data/Packages/User/Package Control.sublime-settings

在打开的此文件下的installed_packages数组选项添加上"SublimeCodeIntel"

选中：preference-->browse packages （首选项-->浏览插件）【Data\Packages】找到SublimeCodeIntel文件夹

在里面新建文件.codeintel/config.log

php提示配置如下：

{
   "PHP": {
        "php": 'D:\phpStudy\php52\php.exe',//php的位置  配置的时候吧这些注释都删了
        "phpExtraPaths": ['D:\phpStudy\php52\ext'],//php拓展所在的位置
        "phpConfigFile": 'D:\phpStudy\php52\php.ini' //php.ini所在的位置
    },
    "JavaScript": {
        "javascriptExtraPaths": []
    }
}

貌似没效果？？

如何手动安装插件：

插件推荐：https://blog.csdn.net/weixin_39000505/article/details/81135628

0.sublimecodeintel 代码提示插件怎么配置都不行没有会的私信我下吧
1.Emmet：Emmet是一个可以让你更快更高效地编写HTML和CSS，节省你大量时间的插件。只需按约定的缩写形式书写而不用写整个代码，然后按“扩展”键，这些缩写就会自动扩展为对应的代码内容。（必须安装PyV8插件@才能使用）@

Emmet自定义代码片段（省略责不提示代码有点蛋疼）

2.ConvertToUTF8：ConvertToUTF8 能将除UTF8编码之外的其他编码文件在 Sublime Text 中转换成UTF8编码，在打开文件的时候一开始会显示乱码，一会儿自动显示出正常的字体。@

3.Color Highlighter：我很喜欢这个插件。当你输入不同的颜色，就会在该位置显示对应的颜色，特别好看！@ setting--user {"ha_style": "Filled"}

4.BracketHighlighter：这个插件会高亮显示匹配的括号、引号和标签。@

5.ChineseLocalization：各国语言包~~

6.Alignment：代码对齐。包括PHP、CSS、JavaScript语言

7.AutoFileName：帮助你快速地在文件中写路径，自动补全文件(目录)名。

8.CSS Format：它是css序列化插件，支持默认多种序列方案，还可以自己配置。

9.JsFormat：js序列化，能排在下载插件前25位。

10.DocBlockr：DocBlocker 是在Sublime平台上开发一款自动补全注释插件，支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等众多语言。

11.CTags：实现方法跳转。

12.SublimeTmpl：能快速生成文件模板。

13.SublimeCodeIntel：智能提示.包含命名空间提示

14.HTML/CSS/JS Prettify ：HTML、CSS、JS格式化。

15.LiveReload ：调试网页实时自动更新。

16.ColorPicker 调色板（快捷键：ctrl+shift+c）@

17、IMESupport 让Sublime Text能够完美支持中文输入法光标更随@

18、Git Gutter 链接简介: 如果你使用Git做版本控制的话，这个插件可以在行号前标记处哪些行是新加的，删除的和修改过的。@

19、SublimeLinter javascript css html 语法检测（必须安装node.js），与sublimelinter-php插件配合还可以php代码检测（无需安装node.js）

打开控制台，install package
搜 sublimelinter
先安装sublimelinter本体
安装完以后再搜索一下，安装sublimelinter-php
接下来，打开preferences-package settings-sublimeLinter-settings--user

如下配置：

{
    "user": {
        
        "linters": {
            
        },
        
        "paths": {
            "linux": [],
            "osx": [],
            "windows": [
                "D:\\xampp\\php"
            ]
        },
        
    }
}



就是添加一下 paths的参数值，指定一下你本地php目录。
然后关闭sublime，再次打开一个php脚本，试试吧。
有错误的地方在行号上会有红点提示在代码上会有红色方框，鼠标放红色方框上，错误信息在编辑器底部状态栏显示。

View Code

20、Highlight Dodgy Chars 高亮除了全角标点以外还有其他一些容易出错的字符（还有HighlightAnything 这个插件也是可以自定义范围）

HighlightAnything 配置匹配中文：

"highlight_anything_regexp": "[\u4e00-\u9fa5]+",

HighlightAnything配置只匹配标点符号（\uff5b\uff5d 分别是｛｝）

"highlight_anything_regexp": "[\uff5b\uff5d\u3002\uff1f\uff01\uff0c\u3001\uff1b\uff1a\u201c\u201d\u2018\u2019\uff08\uff09\u300a\u300b\u3008\u3009\u3010\u3011\u300e\u300f\u300c\u300d\ufe43\ufe44\u3014\u3015\u2026\u2014\uff5e\ufe4f\uffe5]+",

21、Companion 命名空间接口函数自动实现操作教程

livestyle链接:

简介: 这货太神奇了。在调试页面的样式时，经常会打开Chrome自带的开发者工具，然后编辑CSS，等满意了再把CSS代码黏贴回Sublime里。这货允许你在Chrome里修改CSS，然后相对应的在Sublime里的CSS文件就自动更新了！（你更新Sublime里的CSS并保存，打开的网页也会自动更新）

安装: 需要安装两个插件，一个是Sublime的插件，一个是Chrome的插件。
Sublime插件: Ctrl+Shift+P → Package Control: Install Package → LiveStyle 和 Chrome插件:

用法: 先重启你的Sublime，然后打开一个CSS文件。然后在Chrome里打开包含这个CSS的HTML页面 → 打开Chrome的开发者工具，工具栏的最后会多出一个 LiveStyle选项:

看下方File mapping里被HTML页面引用的CSS文件会自动和Sublime里打开的同名CSS文件关联起来。如果名字都对的话你就可以在Elements里开始编辑CSS了。编辑好后看下Sublime，该CSS文件会被自动更新。

转载于:https://www.cnblogs.com/lichihua/p/7801526.html

aochijing0046

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
sublime 自定义快捷代码

选择打开tools ->developer->new snippet<snippet> <content><![CDATA[Hello, ${1:this} is a ${2:snippet}.　　]]></content> <!-- Optional: Set a tabTrigger to define how t...
复制链接

扫一扫