來比一比sublime和vscode？

下面由sublime教學專欄來比較sublime和vscode，希望對需要的朋友有幫助！

起因，安裝eslint自動檢查，程式碼補全，安裝了n個插件，也還是報錯，另外，原來破解版的sublime，最近一段時間，打開彈出框提示。 so，在朋友的安麗下，試試vscode，用心得，完美。

1、sublime和vscode比較

sublime優點

• #主流前端開發編輯器

• ## 體積小，運行快，啟動快

• 文字功能強大

• #支援編譯，且可以在控制台看到輸出

• #可安裝大量插件，來滿足客製化需求（ctrl shift p,ip,搜尋外掛安裝）

• 輕量級，使用小專案

sublime缺點：

• 收費閉源，bug修復時間慢

• 安裝外掛程式的時候，只有外掛程式列表，顯示一句簡單的描述，外掛程式配置不方便，很多外掛程式sublime2 和sublime3不相容

vscode優點：

• 免費，最重要是不要錢。

• 外掛很多，最近vscode發展勢頭猛，安裝外掛程式方便簡單，有外掛程式的詳細介紹

• 佔用記憶體低，啟動速度，開啟速度相對較快

• 全平台，內建了對JavaScript, TypeScript and Node.js,C , C#, Python, PHP等語言的強大支援

#vscode缺點：

• 不夠穩定

• 啟動速度，開啟速度沒有sublime快，大專案比較適用。

2、vscode安裝

#官網下載，直接安裝

https://code.visualstudio.com/

3 、vscode 常用插件安裝

查看--擴展（或快捷鍵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和vscode？的詳細內容。更多資訊請關注PHP中文網其他相關文章！