1. 程式人生 > >sublime text 3:建立可重複用的程式碼片段php檔案頭部註釋資訊快速生成

sublime text 3:建立可重複用的程式碼片段php檔案頭部註釋資訊快速生成

http://www.zan3.com/sublime-text-3%E5%88%9B%E5%BB%BA%E5%8F%AF%E5%A4%8D%E7%94%A8%E7%9A%84%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5php%E6%96%87%E4%BB%B6%E5%A4%B4%E9%83%A8%E6%B3%A8%E9%87%8A%E4%BF%A1%E6%81%AF.html

對於程式設計師來說,每次新建立的頁面都要寫上備註一大堆重複的程式碼,為了提高效率,我們就要學會複用程式碼片段。

建立新程式碼片段

點選選單欄裡的 Tools 選單,然後點選 New Snippet… 子選單,之後會在新的 tab 頁建立一個程式碼片段模板。這個模板主要有3個關鍵的部分:

<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> -->
</snippet>

1.   Hello, ${1:this} is a ${2:snippet} 這正是你要插入到文件中的文字。在此節放入的任何片段都會被插入到你的文件中。

2.   tabTrigger 此節是可選的配置,預設是被註釋掉的。預設 hello 的意思是:如果你在某個文件裡輸入了單詞 hello ,然後按下 Tab 鍵,接著 hello 就會被替換為1中定義的程式碼片段。再次按下Tab鍵,接著snippet會被替換為2中定義的程式碼片段。

3.   scope 此節也是可選配置,預設是被註釋掉的。預設 source.php 的意思是:只有在編輯 php 原始碼的時候,才能用此程式碼片段。

儲存程式碼片段檔案

在能自定義程式碼片段之前,應該首先儲存。在儲存檔案對話方塊裡,需要明確的指定檔案的副檔名為.sublime-snippet,然後把檔案儲存到預設目錄(當前使用者主目錄下的\Sublime Text 3\Packages\User目錄中)。

儲存檔案之後,就可以測試上面提到的tabTrigger功能了。如果不再使用此功能,可以在此註釋掉。

修改程式碼片段檔案

在建立新程式碼片段中提到過 Hello, ${1:this} is a ${2:snippet} ,其中 ${1:this} 和 ${2:snippet} 是佔位符。在插入程式碼片段後,單詞 this 被選中,如果鍵入內容,this 將會被替換掉,接著按下 Tab 鍵,將會選中單詞 snippet,如果鍵入內容,snippet 將會被替換掉。

繫結快捷鍵

可以將上述的操作繫結到一個快捷鍵,在不鍵入任何文字的情況下,直接按快捷鍵插入程式碼片段。

點選選單欄的 Preferences 的子選單 Key Binding – User,在開啟的檔案的方括號內部貼上如下配置:

{ “keys”: [“ctrl+1″], “command”: “insert_snippet”, “args”: {“name”: “Packages/User/example.sublime-snippet”} }

現在簡單介紹一下這段配置:

1.   “keys”: [“ctrl+1″] 這個定義了觸發此命令的快捷鍵。

2.   “command”: “insert_snippet” 這個是需要觸發的命令的名字。

3.   “args”: {“name”: “Packages/User/example.sublime-snippet”} 這個是需要傳入到上述命令的引數。這裡把程式碼片段檔案的相對路徑傳遞過去。

儲存配置檔案,現在就可以用快捷鍵插入程式碼片段了。

下面是贊生在寫的php頭部註釋片段:

<snippet>
 <content><![CDATA[
<?php
// .-----------------------------------------------------------------------------------
// | Software: [ZAN framework]
// | Version: 2014.1
// | Site: http://www.zancms.com
// |-----------------------------------------------------------------------------------
// | Author: 贊生 <[email protected]>
// | Copyright (c) 2012-2014, http://www.zan3.com. All Rights Reserved.
// |-----------------------------------------------------------------------------------
/**
 * web is very nice
 * site www.zan3.com
 * 贊CMS,一個簡單的cms
 * @package zan3
 * @author zansheng <[email protected]>
 * @time ${1}
 */
// |-----------------------------------------------------------------------------------
${2}
?>
]]></content>
 <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 <tabTrigger>php5</tabTrigger>
 <!-- Optional: Set a scope to limit where the snippet will trigger -->
 <!-- <scope>source.python</scope> -->
</snippet>

在我們新建立php檔案的時候在文件中,我們輸入php5 然後table 鍵就會在文件中自動輸出如下內容:

<?php
// .-----------------------------------------------------------------------------------
// | Software: [ZAN framework]
// | Version: 2014.1
// | Site: http://www.zancms.com
// |-----------------------------------------------------------------------------------
// | Author: 贊生 <[email protected]>
// | Copyright (c) 2012-2014, http://www.zan3.com. All Rights Reserved.
// |-----------------------------------------------------------------------------------
/**
 * web is very nice
 * site www.zan3.com
 * 贊CMS,一個簡單的cms
 * @package zan3
 * @author zansheng <[email protected]>
 * @time 
 */
// |-----------------------------------------------------------------------------------
?>

是不是很方便很效率呢?快點建立自己的程式碼片段吧! 一個 神奇的編輯器!


相關推薦

sublime text 3:建立重複程式碼片段php檔案頭部註釋資訊快速生成

http://www.zan3.com/sublime-text-3%E5%88%9B%E5%BB%BA%E5%8F%AF%E5%A4%8D%E7%94%A8%E7%9A%84%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5php%E6%96%87%

sublime text 3 for Mac破解版(程式碼編輯神器)附註冊碼 v3176漢化版

Sublime Text 3 for mac是mac上一款跨平臺的程式碼編輯器,它的功能非常強大支援vim模式,視窗分組、擴充套件工具、程式碼摺疊等,而且Sublime Text mac支援多種程式語言的語法高亮、擁有優秀的程式碼自動完成功能,還擁有程式碼片段的功能,可以將常

sublime text 3建立檔案外掛-AdvanceNewFile

這裡要記錄sublime text 3 在建立新檔案時安裝的外掛–AdvanceNewFile ST本來自帶的建立新檔案的快捷鍵是ctrl+n。但是使用者需要儲存時才可修改名稱以及檔案路徑。但是安裝完AdvanceNewFile外掛後,一切都會變得相當容易。

Sublime Text 3 配置java程序運行環境(進行控制臺輸入)(轉)

tro [0 回車 enc str nbsp scan bsp source 博主配置前的情況1. 64位筆記本 2. win10系統 3. 已配置好java環境 4. 已安裝好sublime並配置好Package Control組件 具體過程:   1. Sub

sublime text 3 搭建一個編譯java的環境

... 環境 將他 def .com echo 獲取 java安裝 原來 有的時候,你在學習或者看書的時候,想驗證一下書中的一段小程序或者自己想寫個簡單的java程序,又不願意打開像eclipse這種IDE,你如果安裝了sublime text,配置一下java的編譯環

Material Theme on sublime text 3 一個起來很好的Sublime主題

Material Theme on sublime text 3 之前用Sublime看log總是會看的頭暈眼花,在github上找到一個很好的Sublime主題,記錄一下。原文地址 日前在facebook跟laracasts上面看到很多人使用這個theme,感覺看起來很不錯,就順手

Sublime Text 3安裝Package Control快速建立html5和xhtml文件

Sublime Text 3安裝Package Control快速建立html5和xhtml文件 先關閉Sublime text 3:第1步:下載sublime_package_control-master.zip ,解壓命名資料夾為Package Control。(注意大小寫) https://gith

sublime text 3 for Mac(程式碼編輯神器) v3181漢化版

Sublime Text 3 for mac是mac上一款跨平臺的程式碼編輯器,擁有拼寫檢查,書籤,完整的 Python API , Goto 功能,即時專案切換,多選擇,多視窗等等,還擁有程式碼片段的功能,可以將常用的程式碼片段儲存起來,在需要時隨時呼叫,它是程式設計師必備神器! S

Sublime text 3開啟C程式碼經常是tabsize為2的解決辦法

問題: 使用Sublime text 3.1.1開啟c原始碼,會看到右下角的Spaces: 2的提示, 而實際上是設定為tab_size為4的, 解決辦法: 1、原因在於設定中還有一項“detect_indentation”, 該項設定為tru

sublime text 3 for Mac(高階程式碼編輯器)漢化破解版

sublime text 3 Mac 破解是一款深受使用者喜愛的高階程式碼編輯器,這款軟體體積小但是執行速度確實超乎想象的快速,文字編輯功能非常的強大。同時sublime text 3 for Mac還支援多種程式語言,是一款非常優秀的程式碼編輯軟體。 sublime text 3 for Ma

sublime text 3 for Mac(高階程式碼編輯器)附註冊碼 V3184漢化破解版

sublime text 3 Mac 破解是一款深受使用者喜愛的高階程式碼編輯器,這款軟體體積小但是執行速度確實超乎想象的快速,文字編輯功能非常的強大。同時sublime text 3 for Mac還支援多種程式語言,是一款非常優秀的程式碼編輯軟體。 sublime text 3 for Ma

sublime text 3 Python程式碼補全

重點問題 使用sublime text3編寫python程式碼時,一些類宣告函式呼叫都需要自己去敲寫。很影響工作效率。敲寫程式碼時加程式碼提示。 具體方法 點選Ctrl+Shift+P彈出

Sublime Text 3開發arduino替代arduinoIDE

使用MT7688跑的openwrt系統做了一個控制器,已經在專案上應用,程式功能還可以繼續完善,有興趣的可以看看智慧控制器引數說明,通過485的介面可以使用協議轉換器來控制舞臺燈具,協議轉換器可以看看這個連結:485協議轉換器引數說明​​​​​​​ 怎麼安裝參見這個連結

如何讓vue檔案中的程式碼Sublime Text 3中高亮?

大家寫在Sublime Text 3中編寫vue檔案時,會發現沒有程式碼智慧提示,清一色的黑底白字,不會像html、js一樣變成彩色,給我們帶來了很大的不便。所以需要安裝一款叫作Vue Syntax Highlight的外掛,它不僅可以使程式碼高亮起來,還能進行

Sublime text 3中C++環境配置及命令列執行視窗建立

本文主要是貼一些有關於sublime text 3 中C與C++編譯環境的問題 我們知道,目前C/C++流行的編譯器是g++,gcc,然而在我們使用sublime text來編寫 C/C++程式的時候只能在sublime自帶的預設的C++ single fil

Sublime text 3 如何格式化HTML程式碼

使用Sublime text 3 編寫程式碼是一種享受,使用Sublime text 3 格式化HTML程式碼,需要安裝外掛,具體安裝步驟如下:1、開啟選單->首選項->外掛控制,輸入 install package2、等待程式進入外掛管理功能,再輸入外掛名稱:

Sublime Text 3 PHP程式碼格式化外掛phpfmt的安裝和配置

1.安裝sublime-phpfmt-for-windows外掛 Ctrl+Shift+P——輸入pci回車——輸入sublime-phpfmt-for-windows發現找不到該外掛——Esc退

Linux 下 Sublime Text 3 安裝 Godef 進行程式碼跳轉/跳回

GoSublime 外掛中的跳轉使用的是 GsDoc,只能跳轉包名點出來的成員和函式(例如 fmt.Println),很不方便後來發現了 Godef 這個外掛,可以實現任意物件跳轉(瞬間爽的飛起,此外,我還添加了跳轉回來的方法)以下記錄下安裝過程和遇到的問題1. 安裝 god

sublime text 3 編譯執行scala程式

使用sublime3編譯執行scala程式,主要有兩種方法:方法一:用sublime3加上REPL,呼叫命令列的方式,執行一些程式碼段還是很方便。具體步驟如下: 1.安裝REPL外掛:    首先要先安裝package control,安裝成功後preferences下就會

Sublime Text 3 配置java程式執行環境(輸入)

1、首先得配置好java環境2、Sublime Text 3--->Preference--->Browse Packages,開啟User資料夾,新建記事本,複製下面程式碼並儲存命名為java.sublime-build{ "cmd": ["javac"