如何進(jìn)行編輯工具Sublime和VS code優(yōu)缺點(diǎn)對(duì)比,相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策,為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法,通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。
對(duì)于不同的程序員來(lái)說(shuō),用什么樣的編輯工具是十分重要的。因此小編為大家對(duì)比了兩款編輯工具Sublime和VS code優(yōu)缺點(diǎn),希望可以給大家的選擇提供一些參考。
一、Sublime
Sublime Text 是一個(gè)輕量、簡(jiǎn)潔、高效、跨平臺(tái)的編輯器,也是HTML和散文先進(jìn)的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開(kāi)發(fā)出來(lái),它最初被設(shè)計(jì)為一個(gè)具有豐富擴(kuò)展功能的Vim。
優(yōu)點(diǎn):
主流前端開(kāi)發(fā)編輯器
體積小,運(yùn)行快,啟動(dòng)快
文本功能強(qiáng)大
支持編譯,且可以在控制臺(tái)看到輸出
可安裝大量插件,來(lái)滿足定制化需求(ctrl+shift+p,ip,搜索插件安裝)
輕量級(jí),使用小項(xiàng)目
缺點(diǎn):
收費(fèi)閉源,bug修復(fù)時(shí)間慢
安裝插件的時(shí)候,只有插件列表,顯示一句簡(jiǎn)單的描述,插件配置不方便,很多插件sublime2 和sublime3不兼容
二、VS code
Visual Studio Code是一個(gè)輕量且強(qiáng)大的代碼編輯器,支持Windows,OS X和Linux。內(nèi)置JavaScript、TypeScript和Node.js支持,而且擁有豐富的插件生態(tài)系統(tǒng),可通過(guò)安裝插件來(lái)支持C++、C#、Python、PHP等其他語(yǔ)言。
優(yōu)點(diǎn):
免費(fèi)。
插件很多,最近vscode發(fā)展勢(shì)頭猛,安裝插件方便簡(jiǎn)單,有插件的詳細(xì)介紹
占用內(nèi)存低,啟動(dòng)速度,打開(kāi)速度相對(duì)比較快
全平臺(tái),內(nèi)置了對(duì)JavaScript, TypeScript and Node.js,C++, C#, Python, PHP等語(yǔ)言的強(qiáng)大支持
缺點(diǎn):
不夠穩(wěn)定
啟動(dòng)速度,打開(kāi)速度沒(méi)有Sublime快,大項(xiàng)目比較適用。
三、安裝
VS code官網(wǎng)下載,直接安裝。
VS code常用插件安裝:
查看--擴(kuò)展(或者快捷鍵ctrl+shift+x),在輸入框輸入你要安裝的插件,選擇一個(gè)插件,點(diǎn)擊,右邊會(huì)顯示插件的詳細(xì)信息,點(diǎn)擊安裝就可以了
HTML Snippets,提示初級(jí)的h6代碼片段,標(biāo)簽等
HTML CSS Support,讓html標(biāo)簽寫(xiě)上class,智能提示當(dāng)前項(xiàng)目所支持的樣式。
view in browers,ctrl+f1在默認(rèn)瀏覽器中,運(yùn)行當(dāng)前的html
vscode-icon,讓vscode的文件夾目錄添加上對(duì)應(yīng)的圖標(biāo)。(如果不生效,在【文件-選項(xiàng)-文件圖標(biāo)主題】重新選擇設(shè)置)
path intellisense,文件路徑自動(dòng)補(bǔ)齊。
npm intellisense,require引用包的補(bǔ)齊
bracket pair colorizer,讓括號(hào)有獨(dú)立的顏色
auto rename tag ,修改標(biāo)簽閉合
vetur,vue插件,語(yǔ)法高亮、智能感知、emmet
tortoiseSvn,svn插件
auto close tag,自動(dòng)添加html、xml關(guān)閉標(biāo)簽
beautify,格式化代碼
change-case,修改文本的更多明明格式,駝峰命名,下劃線分割命名等等
chinese(Simplified)Language Pack for Visual Studio,vscode看不習(xí)慣英文的同學(xué),可以下載安裝這個(gè),中文簡(jiǎn)體語(yǔ)言包
color info,在顏色上懸停光標(biāo),就可以預(yù)覽色塊中色彩模型的詳細(xì)信息、
css peek,追蹤至樣式表中css類和id定義的地方。在html文件右鍵菜單,單擊選擇器時(shí),選擇“go to definition ”,會(huì)跳轉(zhuǎn)到css樣式代碼段
debugger for chrome,前端調(diào)試
eslint,檢查js編程中的語(yǔ)法錯(cuò)誤
html boilerplate,html模板插件,一鍵創(chuàng)建html文件
htmlHint,html代碼格式檢測(cè)
image preview,鼠標(biāo)防在image路勁上,顯示圖像預(yù)覽
intelliSense for CSS class names in HTML,把項(xiàng)目中css文件里的名稱,智能提示在html中
JavaScript (ES6) code snippets ,es6代碼片段提示
就以上兩款編輯工具Sublime和VS code對(duì)比下來(lái),兩者各有其優(yōu)缺點(diǎn),不過(guò)小編更推薦VS code,一方面因?yàn)樗鼜?qiáng)大的功能,另一方面是以因?yàn)槊赓M(fèi)啊!
看完上述內(nèi)容,你們掌握如何進(jìn)行編輯工具Sublime和VS code優(yōu)缺點(diǎn)對(duì)比的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!