體積小,運(yùn)行快,啟動(dòng)快
文本功能強(qiáng)大
支持編譯,且可以在控制臺(tái)看到輸出
可安裝大量插件,來(lái)滿足定制化需求(ctrl shift p,ip,搜索插件安裝)
輕量級(jí),使用小項(xiàng)目
sublime缺點(diǎn):
收費(fèi)閉源,bug修復(fù)時(shí)間慢
安裝插件的時(shí)候,只有插件列表,顯示一句簡(jiǎn)單的描述,插件配置不方便,很多插件sublime2 和sublime3不兼容
vscode優(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)大支持
vscode缺點(diǎn):
不夠穩(wěn)定
啟動(dòng)速度,打開(kāi)速度沒(méi)有sublime快,大項(xiàng)目比較適用。2、vscode安裝
官網(wǎng)下載,直接安裝
https://code.visualstudio.com/
3、vscode 常用插件安裝
查看–擴(kuò)展(或者快捷鍵ctrl shift x),在輸入框輸入你要安裝的插件,選擇一個(gè)插件,點(diǎn)擊,右邊會(huì)顯示插件的詳細(xì)信息,點(diǎn)擊安裝就可以了。
HTML Snippets,提示初級(jí)的h5代碼片段,標(biāo)簽等
HTML CSS Support,讓html標(biāo)簽寫上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代碼片段提示
更多關(guān)于云服務(wù)器,域名注冊(cè),虛擬主機(jī)的問(wèn)題,請(qǐng)?jiān)L問(wèn)西部數(shù)碼官網(wǎng):m.ps-sw.cn