适于Vue的编辑器的相关操作（插件安装）

这篇文章基于将Vue的脚手架（环境配置）已经搭建完毕，之后进行的操作

看完之后对sublime text3的安装、插件管理的下载安装、对安装插件和vue字体高亮有了一个了解。

找了很久，针对于Vue的编辑器 ，总的来说发现sublime Text3很不错，

一、下载sublime Text3的安装包

解压安装好之后打开



什么都没有

将需要编写的项目直接拖拽进sublime text3即可，就会出现目录，很方便



但是，此时只是一个纯的文本编译器，可以安装一些插件来完善一下

二、安装package control

在安装插件之前，先安装   管理在线安装插件的Package Control的工具



打开之后将以下代码输入 ----》  回车

sublime text3

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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 text2

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( o
4000
s.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
输完之后回车

重启sublime text3

三、安装插件

使用 Ctrl + Shift + P 调出面板，然后输入 pci ，选中“Package Control: Install Package”并回车，然后通过输入插件的名字找到插件并回车

------------------------常用的插件--------------------------------------

1、SublimeLinter = 错误语法

2、JsMinifier =自动压缩js文件

3、Sublime CodeIntel =代码自动提示

4、Bracket Highlighter =代码匹配

5、CSScomb CSS =属性排序

6、SublimeTmpl =快速生成文件模板

7、SideBarEnhancements =设置sublime text2/3支持浏览器预览

8、ColorPicker =调色盘

9、Tag = Html格式化

10、Clipboard History = 剪贴板历史记录

11、SideBarEnhancements = 侧栏右键功能增强

12、GBK to UTF8 =GBK转黄成UTF8

13、SFTP =ftp插件

14、WordPress = WordPress函数

15、PHPTidy =排版PHP代码

15、YUI Compressor =压缩JS和CSS文件

16、Alignment =代码对齐

17、Emmet =大名鼎鼎呀

18、Prefixr =css自动添加 -webkit 等私有词缀

---------------------------------------------------------------------------

针对vue的一个字体的高亮

地址：

https://github.com/vuejs/vue-syntax-highlight

下载文件：



解压并将其中的文件ctrl+c复制





sublime text3 重启

ctrl+shift+p------------->输入vue-------------->选择Set  Syntax

重启 打开vue的文件



完成