谈下sublime和vscode

标签：菜单   min   title   icons   电脑   ctr   搜索   操作   row   

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 代码补全插件(https://www.cnblogs.com/vivaxiaonan/p/9084215.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等

谈下sublime和vscode

标签：菜单   min   title   icons   电脑   ctr   搜索   操作   row   

原文地址：https://www.cnblogs.com/yangjie-space/p/11651383.html