Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源的現(xiàn)代化輕量級代碼編輯器歉胶,支持幾乎所有主流的開發(fā)語言的語法高亮冕象、智能代碼補(bǔ)全吐限、自定義熱鍵、括號匹配冰寻、代碼片段仲器、代碼對比 Diff煤率、GIT 等特性仰冠,支持插件擴(kuò)展乏冀,并針對網(wǎng)頁開發(fā)和云端應(yīng)用開發(fā)做了優(yōu)化。軟件跨平臺支持 Win洋只、Mac 以及 Linux辆沦,運行流暢,可謂是微軟的良心之作……
在Atom , Sublime , Vscode 這三個編輯器中识虚,sublime的響應(yīng)速度是最快的肢扯,但是插件安裝是比較麻煩的。atom的插件最多担锤,但響應(yīng)速度是最慢的蔚晨,由于界面可以自己修改的緣故,會遇到經(jīng)常卡死的狀態(tài)铭腕。vscode是最比較中等的银择,安裝插件也不麻煩。
vscode插件庫網(wǎng)址為https://marketplace.visualstudio.com/VSCode
安裝插件的方法 CTEL + p 輸入下面的代碼 回車安裝就好了
這是新的一批vscode工具:VS Code 插件推薦 新一輪前端插件(代碼質(zhì)量|正則|版本控制|NG|Vue|React)
插件
- beautify
它可以讓你的html累舷,javascript,json,CSS,Sacc 和 html 代碼變得非常好看的格式
ext install beautify
- HTMLSnippets
不需要輸入< 就能有html標(biāo)簽提示
ext install html-snippets
- Document This
注釋小助手 用法 Ctrl + alt + D
ext install docthis
[圖片上傳失敗...(image-eb3125-1510538029470)]
- Can I Use
那些 css 支持 那個瀏覽器
ext install vscode-caniuse
- Indenticator
ext install indenticator
好看的縮減 ...
[圖片上傳失敗...(image-99c740-1510538029470)]
- Material / Material Neutral Theme
好看的主題浩考,讓你看代碼的更加舒服
ext install theme-material / ext install theme-material-neutral
- Path Intellisense
路徑提示 你有 images css js 文件這個插件是一個不錯的選擇
ext install path-intellisense
- Annotator
歷史紀(jì)錄 和 svn git 的本版庫差不多東西
ext install annotator
[圖片上傳失敗...(image-58f4d0-1510538029470)]
- vetur
vue的插件使用
ext install vetur
PHP 篇
- ext install format-php
- ext install crane # PHP 的智能提示