在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
对于不同的程序员来说，用什么样的编辑工具是十分重要的。因此小编为大家对比了两款编辑工具Sublime和VS code优缺点，希望可以给大家的选择提供一些参考。
一、Sublime
Sublime Text 是一个轻量、简洁、高效、跨平台的编辑器，也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。
优点：
主流前端开发编辑器
体积小，运行快，启动快
文本功能强大
支持编译，且可以在控制台看到输出
可安装大量插件，来满足定制化需求（ctrl+shift+p,ip,搜索插件安装）
轻量级，使用小项目
缺点：
收费闭源，bug修复时间慢
安装插件的时候，只有插件列表，显示一句简单的描述，插件配置不方便，很多插件sublime2 和sublime3不兼容
二、VS code
Visual Studio Code是一个轻量且强大的代码编辑器，支持Windows，OS X和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、Python、PHP等其他语言。
优点：
免费。
插件很多，最近vscode发展势头猛，安装插件方便简单，有插件的详细介绍
占用内存低，启动速度，打开速度相对比较快
全平台，内置了对JavaScript, TypeScript and Node.js,C++, C#, Python, PHP等语言的强大支持
缺点：
不够稳定
启动速度，打开速度没有Sublime快，大项目比较适用。
三、安装
VS code官网下载，直接安装。
VS code常用插件安装：
查看--扩展（或者快捷键ctrl+shift+x),在输入框输入你要安装的插件，选择一个插件，点击，右边会显示插件的详细信息，点击安装就可以了
HTML Snippets，提示初级的h5代码片段，标签等
HTML CSS Support，让html标签写上class，智能提示当前项目所支持的样式。
view in browers，ctrl+f1在默认浏览器中，运行当前的html
vscode-icon，让vscode的文件夹目录添加上对应的图标。（如果不生效，在【文件-首选项-文件图标主题】重新选择设置）
path intellisense，文件路径自动补齐。
npm intellisense，require引用包的补齐
bracket pair colorizer，让括号有独立的颜色
auto rename tag ，修改标签闭合
vetur，vue插件，语法高亮、智能感知、emmet
tortoiseSvn，svn插件
auto close tag，自动添加html、xml关闭标签
beautify，格式化代码
change-case，修改文本的更多明明格式，驼峰命名，下划线分割命名等等
chinese(Simplified)Language Pack for Visual Studio，vscode看不习惯英文的同学，可以下载安装这个，中文简体语言包
color info，在颜色上悬停光标，就可以预览色块中色彩模型的详细信息、
css peek，追踪至样式表中css类和id定义的地方。在html文件右键菜单，单击选择器时，选择“go to definition ”，会跳转到css样式代码段
debugger for chrome，前端调试
eslint,检查js编程中的语法错误
html boilerplate，html模板插件，一键创建html文件
htmlHint，html代码格式检测
image preview，鼠标防在image路劲上，显示图像预览
intelliSense for CSS class names in HTML，把项目中css文件里的名称，智能提示在html中
JavaScript (ES6) code snippets ，es6代码片段提示
就以上两款编辑工具Sublime和VS code对比下来，两者各有其优缺点，不过小编更推荐VS code，一方面因为它强大的功能，另一方面是以因为免费啊!免费啊!免费啊（重要的事情说三遍）！
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
Web前端与移动培训在线学习多少钱？前端与移动培训班越贵越高吗？
下一篇：
移动web基础知识介绍 学习干货
相关推荐 更多
Web前端求职必备 常见前端面试题汇总（二）
一般情况下web前端面试的时候并不会设计特别复杂的问题。但是依旧有很多同学在比较基础的问题上栽了跟头。所以小编结合多套面试题，为大家整理出8个虽然简单面试题，即将面试或者正在面试的小伙伴速度参考一下，别让小问题组织了你高薪的步伐。
6339
2019-06-28 18:29:15
学Javascript要看什么书？从入门到进阶书籍推荐
程序员想要完成一些简单的WEB前端需求，就必须掌握基础的JavaScript编程能力。因此为了方便大家学Javascript，小编整理了Javascript从入门到进阶的经典书籍，推荐给大家。
8269
2019-08-07 18:58:55
前端HTML基础知识学什么？
前端HTML基础知识学什么一定要知道，初学HTML从基础知识入手，学习浏览器内核、HTML基本结构标签、HTML语法规范、VSCode编辑器、HTML常用标签、相对路径、锚点定位、表格、列表、表单等内容。
4869
2020-03-13 13:50:37
Three.js基础知识分享 帮你入门学习JavaScript 3D 库
Three.js基础知识分享 帮你入门学习JavaScript 3D 库，学习Three.js需要先了解一下 OpenGL 和 WebGL。OpenGL 是一个跨平台的3D/2D的绘图标准，WebGL是一种3D绘图协议。WebGL允许把JavaScript和OpenGL 结合在一起运用，但使用WebGL原生的API来写3D程序非常的复杂，同时需要相对较多的数学知识对于前端开发者来说学习成本非常高。
4228
2022-04-19 16:10:42
Web前端工程师要求具备哪些技能？岗位要求？
Web前端工程师要求具备哪些技能？Web前端工程师必须得掌握HTML、CSS和JavaScrip，必须对这三门语言很精通，能够运用它们完成大多数任务。一位好的Web前端开发工程师在知识体系上不仅要有广度还要有深度，很多大公司即使出高薪也很难招聘到理想的前端开发工程师。
5706
2022-04-26 11:13:23
