前段时间开始编写一个vue项目，因为发现很多人使用sublime编辑器，所以我也选择使用sublime，但是使用的过程并不顺利，出现了一些问题，在网上查了很多资料，自己调试了很多次总算弄好了，记录下来希望可以帮到有需要的人。

1.sublime3的下载

sublime3的下载还是比较容易的，直接百度搜索或者在很多软件库中都可以下载到。

2.sublime3插件的安装

sublime3安装完成后，我们首先要安装sublime的插件管理包，打开sublime，同时按下ctrl+~，~就是左上角esc下的那个键，出现如下页面，

将下面的代码复制后粘贴到sublime下面的输入框中，回车。稍等一会儿，等待其安装完毕后重启sublime。

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

重启sublime后点击Preferences出现图中内容说明安装成功。这时我们就可以安装我们编写代码时需要用到的插件了。

同时按下crtl+shift+p，输入install，选择第一个，稍等。

 现在就可以找自己需要的插件了。

我们需要安装几个插件，如下图所示（我使用了stylus来编写页面样式）。

切记不可盲目多装插件，我就是因为多装了一个Vue插件，导致vuecomponent文件出现了两种，stylus插件在vue文件中无法生效。最后一个是一个格式化插件，但发现并不好用，问题很多，还是使用vuecli的eslint来格式化代码比较方便。

3.sublime的配置

编写vue代码时我们一般要用es6的语法规范来约束代码，对代码的缩进要求比较严格，如果不进行设置，我们编写的vue代码会有很严重的缩进问题，经常会混用tab和空格，导致报错。

点击Preferences,选择Settings选项。

在右侧区域的添加一行，    "translate_tabs_to_spaces": true ，如图所示。

配置完成后，sublime会将所有的tab缩进转换为空格缩进，保存后重启sublime，现在我们就可以愉快的开始编写vue代码了。