sublime 自定義快捷代碼

時間 2019-11-18

標籤 sublime 自定義快捷代碼简体版

原文原文鏈接

選擇打開tools ->developer->new snippetjavascript

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



不一樣類型文件名在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

<body>

${0} node

</body>
</html>
]]>

</content>

<tabTrigger>myhtml</tabTrigger>

<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