Visual Studio Code（以下簡稱vscode）是一個輕量且強大的跨平臺開源代碼編輯器（IDE），支持Windows，OS X和Linux。內置JavaScript、TypeScript和Node.js支持，而且擁有豐富的插件生態系統，可通過安裝插件來支持C++、C#、Python、PHP等其他語言。
身為一個使用 javascript 的開發者，vscode天生非常友好地支持 js 生態，而且整個 vscode都是用 js 來編寫的。在這之前我青睞的是sublime text ，換了vscode之后已經有2年了，如果讓我用四個字來形容就是：奇爽無比。
VSCode有哪些優點？界面現代化，主題多樣，可定制性高。sublime 沒有 shell 是讓我覺得很可惜的一點。看到別人使用跟我一樣的主題，心里確實不爽，定制性高在一定程度上滿足了我。而JB 系列的 IDE 完全沒得比，我印象中貌似 IDEA 就一個 material 主題用的人比較多吧，VSCode 不但可以換主題還可以換圖標包，甚至自定義界面的 CSS 和 js；免費，你看 MDN 以及很多前端教程都推薦使用 VSCode，一方面也降低了學習難度不是；擴展生態強大。我仍然記得我第一次使用 gitlens 的驚艷，居然每一行代碼都給我標出來了是最近一次是誰修改的，什么時候修改的，簡直是甩鍋利器。雖然有相當一部分VSCode 的插件質量確實不行，主要是插件數量實在太多了，難免會良莠不齊，優秀實用有趣的插件也不少；開源而且官方維護積極。因為是個開源項目，不但可以通過其本身的代碼設計學到很多東西，還可以清楚的看到當前的開發進度，每次更新都能給我驚喜。相比于封閉的商業軟件，我都不知道發的反饋到底有沒有人看；開發擴展簡單，我能夠通過擴展去實現我想要的功能；VSCode 太牛逼了，實現了很多以前別人想做但是沒做或者說做了也沒火的事情。比如把IED放在瀏覽器里，我覺得 VSCode 遠程開發和云開發將會改變很多程序員的開發方式；我覺得 VSCode 是我用過的代碼編輯工具中快捷鍵設計最合理的，所有的側邊欄快捷鍵都是 alt + shift + xxx，復雜的功能用 ctrl + k ctrl + xxx，這個 xxx 一般是功能首字母，例如快捷鍵表是 shortcut，那么 xxx 就是 s。而且設置快捷鍵也非常人性化，可以按照各種方式搜索快捷鍵；使用工程化開發方式（node.js+koa/vue+vue lic等），內置的shell窗口非常方便，而且在大綱視圖還會解析package.json中的腳本，直接點擊就能運行，編寫效率提高的不是一點點。VSCode的不足之處可能因為不是C編寫的，打開速度相比sublime text還是有點慢的；頻繁更新。這是好處，但有時候很影響開發，畢竟誰也受不了一打開就更新；VSCode的爸爸是微軟，在很多開發者心里，微軟是商業軟件的惡魔，它怎么能開發出這么免費這么開源這么好用的軟件呢？心里可能會不爽 -_-vscode編輯css顏色的時候，會默認打開顏色編輯器，讓用戶選擇對應的顏色
css選擇符（選擇器）有以下這些：
1、通配選擇符（ * ）：匹配任意元素。
2、id選擇符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、類選擇符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、標簽選擇符（div, h1, p）：選擇指定元素名稱的所有元素。
5、相鄰選擇符（E + F）：用于選擇（不是內部）指定的第一個元素之后緊跟的元素。
6、子選擇符（E > F）：用于選取帶有特定父元素的元素，例ul > li，選擇所有父級是 <ul> 元素的每個 <li> 元素。（學習視頻分享：css視頻教程）
7、后代選擇符（E F）：用于選取元素內部的元素。
8、偽類和偽元素選擇符：用于向某些選擇器添加特殊的效果。
vscode和dw的區別
1、VSCode是為開發人員設計的；
2、dreamweaver是為設計師設計的；
3、VSCode支持MacOS、Windows、Linux；
4、Dreamweaver不支持Linux；
5、VSCode支持多種編程語言的開發，如JavaScript、C、Java、Python等；
6、Dreamweaver僅支持HTML、css、JavaScript。
visual studio 是微軟推出的軟件開發平臺，支持所有的.net 的程序開發，支持的語言包括C#、C++、VB、F#、J#、HTML、XML、javascript等等，同時還大量兼容了與。net開發相關的其他東西，比如水晶報表、ajax、JQuery等等，功能十分強大。
dreamweaver 是專門用來制作網頁和管理網站的網頁編輯器，支持HTML、javascript、CSS等，功能比較專一，主要用于靜態的網頁設計PS。