Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源的現(xiàn)代化輕量級代碼編輯器，支持幾乎所有主流的開發(fā)語言的語法高亮、智能代碼補全、自定義熱鍵、括號匹配、代碼片段、代碼對比 Diff、GIT 等特性，支持插件擴展，并針對網(wǎng)頁開發(fā)和云端應用開發(fā)做了優(yōu)化。軟件跨平臺支持 Win、Mac 以及 Linux，運行流暢，可謂是微軟的良心之作……

在Atom , Sublime , Vscode 這三個編輯器中，sublime的響應速度是最快的，但是插件安裝是比較麻煩的。atom的插件最多，但響應速度是最慢的，由于界面可以自己修改的緣故，會遇到經(jīng)?？ㄋ赖臓顟B(tài)。vscode是最比較中等的，安裝插件也不麻煩。

vscode插件庫網(wǎng)址為https://marketplace.visualstudio.com/VSCode

安裝插件的方法 CTEL + p 輸入下面的代碼 回車安裝就好了

這是新的一批vscode工具：VS Code 插件推薦 新一輪前端插件(代碼質量|正則|版本控制|NG|Vue|React)

插件

• beautify
  它可以讓你的html，javascript,json,CSS,Sacc 和 html 代碼變得非常好看的格式

ext install beautify

• HTMLSnippets
  不需要輸入< 就能有html標簽提示

ext install html-snippets

圖片.png

• 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

Path Intellisense

• Annotator
  歷史紀錄 和 svn git 的本版庫差不多東西

ext install annotator

[圖片上傳失敗...(image-58f4d0-1510538029470)]

• vetur
  vue的插件使用

ext install vetur 

PHP 篇

- ext install format-php
- ext install crane # PHP 的智能提示