sublime 自定义快捷代码

时间  2019-11-18
标签 sublime 自定义 快捷 代码 繁體版
原文   原文链接

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

<snippet>
<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.　　
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<!-- <tabTrigger>hello</tabTrigger> -->
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->不一样类型文件名在scope里用逗号分隔；如： text.html,source.php
</snippet>php

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

<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">html

<script src="" type="text/javascript"></script>
<style>
${2}
</style>
</head>java

<body>

${0} node

</body>
</html>
]]>

</content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>myhtml</tabTrigger><!-- 触发该短代码段的输入文字 -->
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>text.html,source.php</scope><!--定义在那些文件中生效-->
<description>描述</description></snippet>python

 

 

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

若是自定义代码片断太多能够在\AppData\Roaming\Sublime Text 3\Packages\User\目录下新建文件夹而后将代码片断文件分类放进去c++

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

 

 

${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）@

1七、IMESupport  让Sublime Text可以完美支持中文输入法光标更随@

 1八、Git Gutter  连接   简介: 若是你使用Git作版本控制的话，这个插件能够在行号前标记处哪些行是新加的，删除的和修改过的。@

 1九、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]+",

 2一、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文件会被自动更新。

 

 SideBarEnhancements

ideBarEnhancements 是一款很实用的右键菜单加强插件，有以 diff 形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能，也有基础的诸如新建文件/目录，编辑，打开/运行，显示，在选择中/上级目录/项目中查找，剪切，复制，粘贴，重命名，删除，刷新等常见功能。

 安装：

Sublime插件: Ctrl+Shift+P → Package Control: Install Package → SideBarEnhancements

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程