如何定制屬于自己的編輯器

試想一下，如果能夠擁有一款專屬自己的編輯器，那將是一件多么美好的事情！幸運(yùn)的是Sublime Text編輯器屬于高度定制化，你可以配置按鍵綁定，菜單，代碼片段，補(bǔ)全等諸多內(nèi)容。

1. 定制 Sublime Text

1.1 自定義快捷鍵

我們知道新建tab頁面的快捷鍵，Sublime允許我們自定義快捷鍵，入口：Preferences => Key Bindings。

{ "keys": ["ctrl+shift+u"], "command": "new_window" },

可以看到我們把新建tab的快捷鍵改了，字母N換成了U，保存之后我們就可以使用新的快捷鍵（Ctrl+Shift+U）了。

1.2 修改字體

在Preferences => Settings里有很多配置，我們可以看到修改字體大小的是屬性名是font_size，我們更改自己想要的字體大?。ū４婕磿r(shí)生效）。

字體調(diào)大這一點(diǎn)在我們共享屏幕，分享代碼的時(shí)候尤其重要。

"font_size": 16,

1.3 更改主題

更改主題的入口：Preferences => Color Theme，上下鍵切換預(yù)覽不同的主題，回車確定。

主題和插件的下載一樣，在packages control里的install package去下載，模糊搜索theme即可。

1.4 新建 snippets

創(chuàng)建我們自己的代碼塊非常簡單，入口：Tools => Developer => New Snippets，這里貢獻(xiàn)上我自己的vue代碼塊，大家可以按照這個(gè)模板來定制專屬的代碼塊。

<snippet>
    <content><![CDATA[
<template>
  <div class="${1:className}"> 
  </div>
</template>

<script type="text/javascript">

export default {
  name: "",
  data() {
    return {

    };
  },
  props: {

  },
  components: {

  },
  watch: {

  },
  computed: {

  },
  mounted() {

  },
  methods: {

  }
};
</script>

<style lang="less" scoped>

</style>

]]></content>
    <tabTrigger>vm</tabTrigger>
    <description>New Property</description>
</snippet>

2. 總結(jié)

通過本章節(jié)的學(xué)習(xí)，我們學(xué)習(xí)了如何自定義編輯器。其中我們可以配置快捷鍵，主題，字體，snippets等等，這些設(shè)置也可以保存成一個(gè)文件，真正做到配置一次，到處使用。
打造一個(gè)獨(dú)特的編輯器會使我們開發(fā)效率up，up，up哦！