网站建设资讯

NEWS

网站建设资讯

sublime和vscode的对比示例-创新互联

小编给大家分享一下sublime和vscode的对比示例,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、网站建设、秭归网络推广、小程序制作、秭归网络营销、秭归企业策划、秭归品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;成都创新互联公司为所有大学生创业者提供秭归建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

1、sublime和vscode比较

sublime优点

  1. 主流前端开发编辑器


  2. 体积小,运行快,启动快


  3. 文本功能强大


  4. 支持编译,且可以在控制台看到输出


  5. 可安装大量插件,来满足定制化需求(ctrl+shift+p,ip,搜索插件安装)


  6. 轻量级,使用小项目

sublime缺点:

  1. 收费闭源,bug修复时间慢


  2. 安装插件的时候,只有插件列表,显示一句简单的描述,插件配置不方便,很多插件sublime2 和sublime3不兼容

vscode优点:

  1. 免费,最重要是不要钱。


  2. 插件很多,最近vscode发展势头猛,安装插件方便简单,有插件的详细介绍


  3. 占用内存低,启动速度,打开速度相对比较快


  4. 全平台,内置了对JavaScript, TypeScript and Node.js,C++, C#, Python, PHP等语言的强大支持

vscode缺点:

  1. 不够稳定


  2. 启动速度,打开速度没有sublime快,大项目比较适用。

2、vscode安装

官网下载,直接安装

https://code.visualstudio.com/

3、vscode 常用插件安装

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

sublime和vscode的对比示例

  1. HTML Snippets,提示初级的h6代码片段,标签等

  2. HTML CSS Support,让html标签写上class,智能提示当前项目所支持的样式。

  3. view in browers,ctrl+f1在默认浏览器中,运行当前的html


  4. vscode-icon,让vscode的文件夹目录添加上对应的图标。(如果不生效,在【文件-选项-文件图标主题】重新选择设置)


  5. path intellisense,文件路径自动补齐。


  6. npm intellisense,require引用包的补齐


  7. bracket pair colorizer,让括号有独立的颜色


  8. auto rename tag ,修改标签闭合


  9. vetur,vue插件,语法高亮、智能感知、emmet


  10. tortoiseSvn,svn插件


  11. auto close tag,自动添加html、xml关闭标签


  12. beautify,格式化代码


  13. change-case,修改文本的更多明明格式,驼峰命名,下划线分割命名等等


  14. chinese(Simplified)Language Pack for Visual Studio,vscode看不习惯英文的同学,可以下载安装这个,中文简体语言包


  15. color info,在颜色上悬停光标,就可以预览色块中色彩模型的详细信息、


  16. css peek,追踪至样式表中css类和id定义的地方。在html文件右键菜单,单击选择器时,选择“go to definition ”,会跳转到css样式代码段


  17. debugger for chrome,前端调试


  18. eslint,检查js编程中的语法错误


  19. html boilerplate,html模板插件,一键创建html文件


  20. htmlHint,html代码格式检测


  21. image preview,鼠标防在image路劲上,显示图像预览


  22. intelliSense for CSS class names in HTML,把项目中css文件里的名称,智能提示在html中


  23. JavaScript (ES6) code snippets ,es6代码片段提示


以上是“sublime和vscode的对比示例”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享名称:sublime和vscode的对比示例-创新互联
文章链接:http://cdweb.net/article/degdis.html