今天下載下傳了vscode，全稱Visual Studio Code，至于為什麼要下載下傳這個，就要從昨天說起了，昨天上司要看可視化實驗demo效果，像這類的頁面隻能通過服務去通路，關鍵時刻，關鍵時刻，我的Hbuilder竟然打不開了，坑貨，先前也出現過幾次，搞得我現在輕易都不敢退出，呵呵哒，so，準備下載下傳個其他的IDE作為備用，下載下傳之後發現用起來還是蠻6的，特此記錄下過程。軟體logo就長這樣
Visual Studio Code（以下簡稱vscode）是一個輕量且強大的跨平台開源代碼編輯器（IDE），支援Windows，OSX和Linux。内置JavaScript、TypeScript和Node.js支援，而且擁有豐富的插件生态系統，可通過安裝插件來支援C++、C#、Python、PHP等其他語言。
優點：輕量、易用、插件多，關鍵是免費啊，親人們
下面我從以下幾點來說明vscode的使用
- 下載下傳位址
- vscode怎樣更換主題
- vscode更改預設配置選項，比如設定字型大小等
- 怎樣在浏覽器中打開預覽檔案
- 怎樣實作實時修改，實時檢視樣式（不用手動重新整理浏覽器頁面）
- 怎樣和别人共享連結（通過自己電腦的IP位址）
1、下載下傳位址
官網下載下傳連結
https://code.visualstudio.com/
2、vscode怎樣更換主題
左下角【設定】-【Color Theme】，裡面内置的主題如下圖，自己可以挨個試試看
3、vscode更改預設配置選項，比如設定字型大小等
選擇菜單欄-【Code】-【Preferences】首選項-【Settings】在下圖可以随意調整配置，我一般隻設定字号，因為預設的字号對我來說有點小，其他的參數大家可以随意試試看
4、怎樣在浏覽器中打開預覽檔案
想要比較友善的在浏覽器中預覽檔案，就要用到插件了，這裡我安裝的插件是【open in brower】
打開插件面闆—搜尋【open in brower】-點選右側【install】即可安裝
頁面右鍵-選擇【Open in Browser】或者【Open in Other Browsers】都可以，意思分别是在預設浏覽器中打開和在其他浏覽器中打開，也可以配合快捷鍵進行使用，that is all
5、怎樣實作實時修改，實時檢視樣式（不用手動重新整理浏覽器頁面）
再說下第5點，怎樣實作實時修改，實時檢視樣式（不用手動重新整理浏覽器頁面），解決思路是安裝插件，我選擇的是—【live Server】,安裝過程請參考第4點，這邊主要說下是怎樣使用的
在想要預覽的頁面上右鍵-選擇【Open with Live Server】，或者點選右下角【Go Live】都可以，這樣做的好處是你每一次的修改，按了ctrl+s儲存以後，浏覽器中打開的頁面不用手動重新整理，就能自動改變了，so easy
6、怎樣和别人共享連結（通過自己電腦的IP位址）
再說下第6點，想要在公司讓别的同僚檢視你寫的頁面怎麼辦？解決思路是先拿到自己IP位址，用IP連結的方式讓其他人去通路，這一步也是基于第5點說的插件【live Server】的，安裝過程請看上面。下面說下具體實作方法
怎樣檢視自己電腦IP?我的電腦是mac，這裡就以mac為例,電腦右上角點選搜尋圖示，輸入Z（或者終端兩個字），打開，指令行輸入ifconfig+回車即可,出來的文本你去找下裡面有一串數字，比如192.168.0.3，類似這樣的就是你自己電腦的IP了
拿到IP以後，打開想看的頁面，點選右下角【Go Live】,在浏覽器中打開頁面，将位址欄前半部分改為你自己的電腦IP就行了，然後複制連結，發給同僚，同僚就能看到你寫的頁面效果了。