首頁  >  文章  >  開發工具  >  教你怎麼在Sublime3設定自己的程式碼片段

教你怎麼在Sublime3設定自己的程式碼片段

藏色散人
藏色散人轉載
2021-11-02 16:36:583773瀏覽

下面由sublime教學專欄跟大家介紹怎麼在Sublime3設定自己的程式碼片段,希望對需要的朋友有幫助!

在Sublime Text 3 中設定自己的程式碼片段

#寫程式碼的時候,常常會在註解裡寫一下作者,建立時間等等,這樣子也算留下了自己的印記,今天就教大家如何建構自己的註解程式碼區塊(Snippets)。

Sublime Snippets(程式碼片段)

Sublime text 3 Snippets是你需要反覆輸入相同片段的文字、程式碼時需要的重要功能。

Snippets可以儲存在任何一個套件的資料夾下,但為了簡單,現在建議先保存在Packages/User目錄下

Snippets的檔案格式是.sublime-snippet,通常Snippet的架構如下

<snippet>
    <content><![CDATA[Type your snippet here]]></content>
    <!-- Optional: Tab trigger to activate the snippet -->
    <tabTrigger>xyzzy</tabTrigger>
    <!-- Optional: Scope the tab trigger will be active in -->
    <scope>source.python</scope>
    <!-- Optional: Description to show in the menu -->
    <description>My Fancy Snippet</description>
</snippet>

我們只要把CDATA中的內容替換成自己的,就可以完成一個最簡單的Snippets的寫。

創建自己的Snippets

接下來我們就以自己的程式碼註解為例,寫一個Snippet。

首先,在sublime選單列中選擇Tools | Developer | New Snippets…,然後輸入

<snippet>
  <content><![CDATA[
/*
* @author:  ManiaU
* @createTime:  ${1:time}
* @description:  ${2:description}
*/
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>comm</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope>source.js</scope>
</snippet>

其中content為Snippet的內容,tabTrigger是你輸入什麼內容時可以識別為Snippet, scope的表示生效的文件形式,content中${}為你輸入完之後,tab鍵可以選中的內容,${1:}為你輸入完之後直接選中,${2:}為按一次tab選中的內容,依此類推。

隨後儲存為comment.sublime-snippet,接下來隨便在一個js檔案中,輸入comm,按下tab鍵盤,你的Snippet就出現了。

時間輸入插件

Snippet雖然生成了,但是時間還是沒有搞定,接下來就創建自己的插件,在sublime選單列中選擇Tools | Developer | New Plugin…,輸入以下內容

import sublime, sublime_plugin
from time import localtime, strftime
class InsertDatetimeCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        sel = self.view.sel();
        for s in sel:
            self.view.replace(edit, s, strftime("%Y-%m-%d, %H:%M:%S GMT%z", localtime()))

儲存為insert_datetime.py,然後在Preference | Key Bindings中加上

{
  "keys": ["super+ctrl+t"],
  "command": "insert_datetime"
}

這表示你按下⌘ Control T,就可以插入時間了,配合上面的Snippet,插入註釋後,加上時間和描述,就可以方便地生成自己的註釋,如下

/*
* @author:  ManiaU
* @createTime:  2017-03-14, 22:33:00 GMT+0800
* @description:  This is a test!
*/

#後記

當然,Snippets的用處不僅如此,你可以在你的環境下配置各種各樣的片段,可以大大提升的工作效率,大家一起去探索吧!

以上是教你怎麼在Sublime3設定自己的程式碼片段的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:juejin.im。如有侵權,請聯絡admin@php.cn刪除