1. 程式人生 > >sublime Text 3安裝模板外掛和製作vue模版

sublime Text 3安裝模板外掛和製作vue模版

一、安裝模板外掛

通過Ctrl+shift+p調出packagecontrol,然後輸入install回車,輸入sublimeTmpl找到這個外掛然後回車
這裡寫圖片描述

安裝完成後就可以使用html/js/css/php/python/ruby的模版了。

這裡寫圖片描述

也可以使用快捷鍵開啟模版

SublimeTmpl預設的快捷鍵

ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python

二、製作vue模版

在C:\Users\LXY\AppData\Roaming\Sublime Text 3\Packages\SublimeTmpl\templates下新建vue.tmpl檔案,檔案內容為

<template>

</template>

<script type="ecmascript-6"></script>

<style rel="stylesheet"></style>

在sublime的選單欄開啟 Preferences,開啟Package Settings,再開啟SublimeTmpl,再開啟Settings-Commands,在裡面貼上以下配置
這裡寫圖片描述

,{
    "caption": "Tmpl: Create vue", "command": "sublime_tmpl",
    "args"
: {"type": "vue"} }

再在剛剛的位置找到 Key Bindings-Default設定熱鍵
這裡寫圖片描述

 ,{
        "keys": ["ctrl+alt+e"], "command": "sublime_tmpl",
        "args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}]
  }

現在你就可以用 Ctrl+Alt+e 就可以建立新的vue模板了

相關推薦

sublime Text 3安裝模板外掛製作vue模版

一、安裝模板外掛 通過Ctrl+shift+p調出packagecontrol,然後輸入install回車,輸入sublimeTmpl找到這個外掛然後回車 安裝完成後就可以使用html/js/css/php/python/ruby的模版了。

sublime text 3 安裝中文外掛圖文版

想要安裝安裝中文外掛,就必須先安裝package control 因為通過程式碼的方式安裝經常出現各種各樣的錯誤,所以這裡不就介紹程式碼在安裝方式了,本文介紹的手動安裝package control

Mac下的Sublime Text 3 安裝go外掛GoSublime, SideBarEnhancements,Go Build,Godef

0. 安裝ST3(Sublime Text 3) 和 Package Control a.修改hosts,新增一行(該死的GFW): 50.116.34.243 sublime.wbond.net b.安裝兩個庫先: $go get github.con/nsf/gocod

Sublime Text 3安裝Package Control快速建立html5xhtml文件

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

安裝sublime text 3 漢化外掛

A.輸入快捷鍵Ctrl+Shift+P 在出現的文字框中輸入Install Package(或直接輸入“ip”)選中packageControl:Install Package並回車 ,然後在輸入框中輸入“localization”就會發現漢化語言的相關外掛,最後點選主頁面選單的

Sublime Text 3 安裝Go語言相關外掛gosublime時 搜不到gosublime

在windows下golang開發環境搭建時(具體步驟網上很多,百度搜索括號前的文字即可找到),遇到了很尷尬的情況(如下圖),百度也沒有找到想類似的情況, 解決辦法: 手動安裝gosublime外掛: 1.從 工具欄--- Preferences----可以看到 Browse Package(第一個

Sublime Text 3安裝及常用外掛安裝

一、Sublime3下載 1.百度搜索Sublime3 download,選擇進入下載頁面 2.我選擇下載Win64位安裝程式 二、Sublime3安裝 傻瓜式安裝,一直點下一步即可。 三、Sublime3外掛配置 1.直接安裝 安裝Sublime te

(圖文超級詳細)sublime text 3安裝過程、語言漢化、基本外掛安裝、重要快捷鍵彙總(極適於小白零基礎開始學習使用sublime text 3

sublime text 3安裝過程、語言漢化、基本外掛安裝、重要快捷鍵彙總 Sublime Text:是一款具有程式碼高亮、語法提示、自動完成且反應快速的編輯器軟體,不僅具有華麗的介面,還支援外掛擴充套件機制,用它來寫程式碼,絕對是一種享受。相比於難於上手的

最簡單的sublime text 3安裝vue外掛

1.開啟sublime text 3按 Ctrl+Shift+P(相信你有單身的手速,同時按完這3個鍵) 2.選中上圖中,框出來的內容,按下enter. 3.選擇上圖的第二個即:vue syntax hightlight 4.重啟一下,sublim

Sublime Text 3 安裝外掛管理工具Package Control安裝

Sublime Text 3有很多三方外掛為我們的開發提高效率,但是一個一個的外掛安裝比較消耗我們的精力所以建議大家使用Package Contro來管理三方外掛 首先介紹如何手動安裝第三方外掛 在編輯器選單中點選“Preferences”–“Brows

Sublime Text 3 For mac 外掛安裝

1. 安裝PakageControl外掛個人比較懶,平時喜歡用webstorm,但是因為webstorm開啟實在太慢了,並且太看裝置,所以本人編輯簡單的檔案依然會選擇使用sublime,雖然網上有很多關於此類外掛的分享了,但是感覺都是片段,沒有重點細緻整理。今天休息,在這簡單

Mac下Sublime Text 3安裝配置及外掛安裝

雖然很多外掛在sublime text 3不工作了,因為sublime text 3修復了2的一些bug、提升了效能並集成了不少常用外掛的功能sublime-text3和sublime-text2一樣安裝外掛前都需要先安裝,Package control ,然而安裝Pac

Sublime Text 3 安裝Package Control外掛

Sublime Text 使用起來很靈活,受到廣大的程式設計師追捧,安裝各類外掛也靈活。安裝其他外掛之前,必不可少的是先安裝package control。方便自己下次使用,在這做一個幫助文件(怎麼安裝package control)! 一、Package

sublime text 3 安裝ES6插件

bsp http log -1 ges 安裝 .com sub cnblogs sublime text 3 安裝ES6插件

解決openSUSE中Sublime Text 3的中文顯示輸入問題

ase continue opensuse back .so文件 text 裏的 測試 mes Sublime Text 2是免安裝的,下載完解壓就可以了。我這邊解壓路徑是/home/fhp/App/SublimeText2 為了能在終端直接使用sublime

Sublime text 3 安裝心得

sublime text 3 3176 穩定版 安裝心得 下載軟體 Sublime Text 3.1.1 Build 3176 Stable 連結: https://pan.baidu.com/s/1xpUusY4aaetCJyCTA7T37A 密碼: 5zpg 裡面

sublime text 3 安裝

``` 官網http://www.sublimetext.com/ ``` ``` import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'

Sublime Text 3安裝與使用

轉載:原文地址:http://www.cnblogs.com/zhcncn/p/4113589.html 本文是Sublime Text 全程指引 by Lucida (http://www.cnblogs.com/figure9/p/sublime-text-comple

Ubuntu 16.04 LTS 的 Sublime Text 3 安裝及中文配置

最近閒來無事,開始學習 Python,選擇用 Sublime Text 3 作為開發的 IDE。然而發現安裝完畢 Sublime Text 3 之後,不能在其中輸入中文,查詢了《Ubuntu 16.04下Sublime Text 3 的安裝和中文配置》,感覺其中

Sublime text 3安裝時,add to explorer context menu是什麼意思?

上下文選單(context menu),Windows作業系統中任何地方右擊滑鼠會出現俗稱的“右鍵選單”,其實就是指上下文選單。因為上下文選單根據滑鼠位置來判斷彈出什麼的選單(如桌面右擊顯示個性化選