谈下sublime和vscode

sublime用了好多年一直没有换掉 它的体积小运行启动快用着一直很顺手，并且也有很多的插件能够去安装，

而相对于vscode 开始以为他启动慢有点笨重的感受，多是我电脑缘由用着卡卡的因此一直没换成这个，

可是如今大部分前端开发人员都在用这个 因而又用上了一段时间，特别喜欢它的能够整理文件夹折叠 对于我这个喜欢折叠文件的人来讲

这个功能比sublime省了很多事 比较下来写下心得，

二者的差别网上各有千秋， 本文只记录下二者的使用方法

sublime3插件安装

一：能够直接下载安装包解压缩到Packages目录（菜单->preferences->　　Browse Packages）。

二：使用Package Control组件安装

　　1)  按ctrl+`调出console 粘贴下面代码

　　

import 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())

　　

　　2)  重启sublime  若是在Perferences->中看到package control这一项，则安装成功

　　3）按下Ctrl+Shift+P调出命令面板 输入install 调出 Install Package 选项并回车，而后在列表中选中要安装的插件，记录几个本身经常使用的插件

　　　　1. Emmet（原名 Zen Coding）一种快速编写html/css的方法

　　　　2. sublimeTmpl 快速创html css js等模板文件 可在Key Binds-User里配置做者信息

　　　　3. terminal打开终端   

　　　　4. vue Formatter vue模板支持

　　　　5. side Bar左侧目录加强 能够对文件新建删除等操做 

　　　　6. javascript-API-Completions 代码补全插件(http://www.javashuo.com/article/p-royuhhkp-gb.html)。。。。。。。。。。 更多的插件看开发过程须要 网上搜索使用方法

　　给sublime添加代码片断(https://blog.csdn.net/Y_z001/article/details/89203830)

 

 vscode插件安装

我经常使用的插件同步到github上了 因此先下载Settings Sync， shift+alt+d 下载配(输入gist id)

1）vscode-icons  文件-->首选项-->文件图标主题 选择VSCode Icons便可，

2）Vetur Vue 的语法高亮、智能感知、Emmet 等；

3）Path Intellisense 自动路径补全

4）filesize 左下角显示文件大小的插件

5）Live server 实时显示网页状况

6）Vue VSCode Snippets vue快速生成vbase vdata vmethod等