sublime 推薦外掛以及安裝方法
第一步下載軟體 接著Ctrl +~ (回車)把下面安裝包管理新增到sublimeimport urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
Package Control安裝外掛: 按下Ctrl+Shift+P調出命令面板, 輸入install 調出 Install Package 選項並回車,然後在列表中選中要安裝的外掛。
好用的開發外掛針對前端開發;
一、Emmet 一種快速編寫html/css的方法,使用方法:(tab快捷鍵)
1、child:>(巢狀操作用來生成元素的DOM樹中的兄弟節點或子節點) div>p
<div> <p></p> </div>
2、Sibling: + (使用 + 生成元素兄弟節點) div+p
<div> <p></p> </div>
3、Multiplication: *(使用 * 生成多個相同元素) ul>li*2
<ul> <li></li> <li></li> </ul>
4.多類 class名(給元素新增ID和CLASS的方法和CSS的語法類似) div#footer.class1.class2.class3
<div id="footer" class="class1 class2 class3"></div>
5.文字操作符(Emmet使用 Text:{} 給元素新增文字內容) a{標籤裡面寫的內容}
<a href="">標籤裡面寫的內容</a> ---------------------------------------------------------------------------------------二、html5 (支援hmtl5規範的外掛包)
</template>
<script>
</script>
<style scoped>
</style> 然後Preferences--->Package Settings--->SublimeTmpl--->Commands-default貼上 ,{ "caption": "Tmpl: Create vue", "command": "sublime_tmpl", "args": {"type": "vue"} } Preferences--->Package Settings--->SublimeTmpl找到Key Bindings-Default設定熱鍵 ,{ "keys": ["ctrl+alt+e"], "command": "sublime_tmpl", "args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}] }
在你就可以用 Ctrl+Alt+e 就可以建立新的vue模板了;