今天下載了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 brower】的使用方法
頁面右鍵-選擇【Open in Browser】或者【Open in Other Browsers】都可以，意思分別是在默認瀏覽器中打開和在其他瀏覽器中打開，也可以配合快捷鍵進行使用，that is all
5、怎樣實現實時修改，實時查看樣式（不用手動刷新瀏覽器頁面）
再說下第5點，怎樣實現實時修改，實時查看樣式（不用手動刷新瀏覽器頁面），解決思路是安裝插件，我選擇的是—【live Server】,安裝過程請參考第4點，這邊主要說下是怎樣使用的
【live Server】使用方法
在想要預覽的頁面上右鍵-選擇【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就行了，然後複製鏈接，發給同事，同事就能看到你寫的頁面效果了。
