下面由sublime教程栏目给大家比较一下sublime和vscode，希望对需要的朋友有所帮助！

起因，安装eslint自动检查，代码补全，安装了n个插件，也还是报错，另外，原来破解版的sublime，最近一段时间，打开弹出框提示。so，在朋友的安利下，试试vscode，使用心得，完美。

1、sublime和vscode比较

sublime优点

1. 主流前端开发编辑器
3. 体积小，运行快，启动快
5. 文本功能强大
7. 支持编译，且可以在控制台看到输出
9. 可安装大量插件，来满足定制化需求（ctrl+shift+p,ip,搜索插件安装）
11. 轻量级，使用小项目

sublime缺点：

1. 收费闭源，bug修复时间慢
3. 安装插件的时候，只有插件列表，显示一句简单的描述，插件配置不方便，很多插件sublime2 和sublime3不兼容

vscode优点：

1. 免费，最重要是不要钱。
3. 插件很多，最近vscode发展势头猛，安装插件方便简单，有插件的详细介绍
5. 占用内存低，启动速度，打开速度相对比较快
7. 全平台，内置了对JavaScript, TypeScript and Node.js,C++, C#, Python, PHP等语言的强大支持

vscode缺点：

1. 不够稳定
3. 启动速度，打开速度没有sublime快，大项目比较适用。

2、vscode安装

官网下载，直接安装

https://code.visualstudio.com/

3、vscode 常用插件安装

查看--扩展（或者快捷键ctrl+shift+x),在输入框输入你要安装的插件，选择一个插件，点击，右边会显示插件的详细信息，点击安装就可以了。

1. HTML Snippets，提示初级的h5代码片段，标签等
3. HTML CSS Support，让html标签写上class，智能提示当前项目所支持的样式。
5. view in browers，ctrl+f1在默认浏览器中，运行当前的html
7.  vscode-icon，让vscode的文件夹目录添加上对应的图标。（如果不生效，在【文件-首选项-文件图标主题】重新选择设置）
9. path intellisense，文件路径自动补齐。
11. npm intellisense，require引用包的补齐
13. bracket pair colorizer，让括号有独立的颜色
15. auto rename tag ，修改标签闭合
17. vetur，vue插件，语法高亮、智能感知、emmet
19. tortoiseSvn，svn插件
21. auto close tag，自动添加html、xml关闭标签
23. beautify，格式化代码
25. change-case，修改文本的更多明明格式，驼峰命名，下划线分割命名等等
27. chinese(Simplified)Language Pack for Visual Studio，vscode看不习惯英文的同学，可以下载安装这个，中文简体语言包
29. color info，在颜色上悬停光标，就可以预览色块中色彩模型的详细信息、
31. css peek，追踪至样式表中css类和id定义的地方。在html文件右键菜单，单击选择器时，选择“go to definition ”，会跳转到css样式代码段
33. debugger for chrome，前端调试
35. eslint,检查js编程中的语法错误
37. html boilerplate，html模板插件，一键创建html文件
39. htmlHint，html代码格式检测
41. image preview，鼠标防在image路劲上，显示图像预览
43. intelliSense for CSS class names in HTML，把项目中css文件里的名称，智能提示在html中
45. JavaScript (ES6) code snippets ，es6代码片段提示

# sublime  # vscode  # Python  # php  # JavaScript  # typescript  # node.js  # css  # chrome  # html  # es6  # npm  # for  # require  # xml  # auto  # class  # JS  # 选择器  # 样式表  # svn  # visual studio  # visualstudio  # https  # bug  # 就可以  # 补齐  # 鼠标  # 一句  # 你要  # 最重要  # 下划线  # 破解版  # 英文  # 给大家 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】  如何用腾讯建站主机快速创建免费网站？  中山网站制作网页,中山新生登记系统登记流程？  Win11怎么开启自动HDR画质_Windows11显示设置HDR选项  焦点电影公司作品,电影焦点结局是什么？  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  Laravel模型事件有哪些_Laravel Model Event生命周期详解  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  Laravel如何记录自定义日志？（Log频道配置）  如何安全更换建站之星模板并保留数据？  如何快速重置建站主机并恢复默认配置？  C#如何调用原生C++ COM对象详解  ChatGPT常用指令模板大全 新手快速上手的万能Prompt合集  Laravel如何使用Eloquent ORM进行数据库操作？（CRUD示例）  Laravel路由Route怎么设置_Laravel基础路由定义与参数传递规则【详解】  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  JavaScript常见的五种数组去重的方式  原生JS实现图片轮播切换效果  三星、SK海力士获美批准：可向中国出口芯片制造设备  linux top下的 minerd 木马清除方法  Bootstrap CSS布局之列表  如何快速辨别茅台真假？关键步骤解析  Laravel如何使用.env文件管理环境变量？（最佳实践）  Windows10电脑怎么设置虚拟光驱_Win10右键装载ISO镜像文件  教你用AI将一段旋律扩展成一首完整的曲子  EditPlus 正则表达式 实战(3)  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  如何快速建站并高效导出源代码？  ,南京靠谱的征婚网站？  小米17系列还有一款新机？主打6.9英寸大直屏和旗舰级影像  微信小程序 canvas开发实例及注意事项  Laravel如何保护应用免受CSRF攻击？（原理和示例）  HTML5建模怎么导出为FBX格式_FBX格式兼容性及导出步骤【指南】  使用Dockerfile构建java web环境  php打包exe后无法访问网络共享_共享权限设置方法【教程】  Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧  详解Nginx + Tomcat 反向代理 负载均衡 集群 部署指南  Laravel如何实现密码重置功能_Laravel密码找回与重置流程  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  如何在万网开始建站？分步指南解析  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  laravel服务容器和依赖注入怎么理解_laravel服务容器与依赖注入解析  Laravel API资源类怎么用_Laravel API Resource数据转换  香港服务器部署网站为何提示未备案？  jQuery validate插件功能与用法详解  如何将凡科建站内容保存为本地文件？  如何在云虚拟主机上快速搭建个人网站？  iOS正则表达式验证手机号、邮箱、身份证号等  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？