[分享]用sublime写vue

Sublime Text是一个旨在提供优秀编辑体验的文本编辑器。尽管它不是专为Vue编写而设计的，但在Sublime中编写Vue代码是非常方便的。Sublime不仅提供了高亮显示和智能自动完成功能，而...

Sublime Text是一个旨在提供优秀编辑体验的文本编辑器。尽管它不是专为Vue编写而设计的，但在Sublime中编写Vue代码是非常方便的。Sublime不仅提供了高亮显示和智能自动完成功能，而且还可以进行Linting和格式化作业。

要在Sublime中编写Vue代码，您需要安装Vue Syntax Highlight插件。这个插件会帮助您在编辑器中高亮显示Vue代码中的关键字。要安装这个插件，请先确保您安装了Package Control，这是一个用于管理Sublime Text插件的软件包。在确保Package Control可用之后，您可以在命令面板中搜索Vue Syntax Highlight，然后选择安装它。

 {
  "folders": [
    {
      "path": "."
    }
  ],
  "settings": {
    "vetur.format.options.tabSize": 2,
    "vetur.format.defaultFormatter.html": "prettier",
    "vetur.format.defaultFormatterOptions": {
      "prettier": {
        "printWidth": 100,
        "singleQuote": true,
        "semi": false
      }
    },
    "editor.formatOnType": true,
    "editor.formatOnSave": true
  }
} 

Sublime Text自带有一个名为“打开文件的文件夹”的功能，它可让您轻松打开包含Vue代码的文件夹。要使用此功能，请选择“文件”>“打开文件夹”，然后选择您的Vue项目所在的文件夹。在Sublime中，您可以通过访问控制台来运行npm命令来构建Vue项目。

另一个值得注意的插件是Vetur。它为Vue项目提供了更高效的代码编辑环境，并包含了一些很棒的功能，如语法错误检查、智能自动完成和格式化。此外，它还支持Vue文件的模板、样式和脚本区域。

Vetur还提供了一些实用程序，如生成组件模板和在页面之间快速导航等。Vetur的安装过程类似于Vue Syntax Highlight插件的过程。要使用这个插件，请确保您的Package Control可用，并使用命令面板来查找和安装它。

 <navigation>
  <router-link to="/">Home</router-link>
  <router-link to="/about">About</router-link>
</navigation>
<script>
   export default {
     components: {
       navigation
     }
   }
 </script> 

在使用Sublime Text编写Vue代码时，您还可以使用一些有用的快捷键将编码过程变得更有效率。以下是一些常用的快捷键：

• Ctrl + L：选择整行

• Ctrl + D：选中或取消选中当前选定的单词

• Ctrl + Shift + L：选择所有的出现次数

• Ctrl + Shift + D：复制当前选定行并在新的一行下粘贴它们

• Ctrl + /：添加或删除行注释

• Ctrl + Shift + /：添加或删除块注释

在Sublime Text中编写Vue代码比您想象的要容易得多。Sublime Text提供了丰富的功能来帮助您更轻松地编写Vue代码。从基本的语法高亮到自动完成和代码片段，Sublime Text可以提高您的生产力。