
免費開發工具VS Code竟然不用安裝也能用了!?這招真的神!
以前跟朋友聊天,講到寫程式,他們常常第一句就是:「蛤~還要安裝開發環境喔?我怕會搞壞電腦欸。」我那時候內心都是翻白眼的狀態,想說你連 VS Code 都裝不起來是能當什麼工程師啦!但現在,我收回這句話。
記得有一天隨手打開瀏覽器,發現這個網站:https://vscode.dev,我差點沒喊出來「哇靠也太方便!」
因為!
現在連安裝都免了!只要一個瀏覽器,直接開 https://vscode.dev,立馬進入 VS Code 世界。也太猛。
你知道那種「突然想改一段 code,但電腦上什麼都沒裝」的時候嗎?我之前在朋友家借筆電,結果他電腦裡什麼都沒有,還是 Windows 10 超乾淨版,完全沒裝 VS Code。那時候我心想:完了,要重新搞環境…但靈光一閃,想到 vscode.dev,直接開 Chrome,不到三秒,熟悉的 VS Code 畫面出現在眼前,連我朋友都傻了:「這是你剛剛裝的嗎?怎麼這麼快?」
不是我裝的,是根本不用裝!
這真的很適合推坑新手欸。你以前要叫一個完全沒碰過程式的人試寫個 HTML、CSS,還要幫他裝 VS Code、教他怎麼開 terminal,有時候還會遇到 extension 裝錯、Node.js 沒裝,真的是推到一半自己先放棄。但現在不同了,打開瀏覽器,丟個範例檔案,叫他複製貼上就能改,完全是「即開即寫」的概念。
我甚至試過用平板打開 vscode.dev,雖然編輯起來還是有點彆扭(畢竟平板打字真的不如鍵盤),但要看 code、快速改一兩行還是沒問題的。就算你在咖啡廳、在捷運上、在無聊的會議中(咳),只要有瀏覽器,就能進入寫 code 的小宇宙。
另外有個超級實用的小技巧,如果你有 GitHub 上的專案,只要打:
1 | https://vscode.dev/github/你的GitHub帳號/你的Repo名稱 |
它就會自動打開該專案的編輯介面。這根本比 clone 下來還快啊!尤其是那種你只是要改個 README、或臨時修個 typo,不想動用本地端的時候,這功能真的超方便。
再說一個我親身體驗的場景:
有一次我在教我妹寫 Markdown(她想做部落格),結果她的電腦裡只有 Word。我說不行,Markdown 不是這樣用的!結果她聽到要安裝東西馬上皺眉。我想說算了直接開 vscode.dev,幫她開好新檔案,教她邊打邊預覽。她邊改邊說:「欸~這樣蠻像在寫部落格後台的欸,有點療癒。」我:🤦♂️好啦,妳開心就好。
還有一點我滿喜歡的,就是 vscode.dev 的畫面和本地端的 VS Code 幾乎一模一樣,所以你習慣用桌面版的人也不會覺得陌生。介面一樣清爽、快捷鍵也都差不多(當然某些跟本地硬體相關的快捷鍵會沒反應啦,但大多都 ok)。
當然,它不是完全能取代桌機版。像是你如果要跑 Python 有些 package、要執行 Node.js 專案、要 debug 本機應用程式或用 terminal 做一堆事,這時還是得靠桌機版。畢竟 vscode.dev 是純瀏覽器運行,不能直接跑你本機的 code。但如果你只是寫前端、Markdown、筆記、教學 demo、改 GitHub 上的 code,它絕對夠用。
講真的,我覺得這是一個對「寫程式」這件事很大的民主化進程(講得好像什麼重大發明一樣哈哈),但真心覺得它讓「學寫程式」這件事變簡單又即時。
以前是這樣:
「你想寫程式?好,先安裝 VS Code,裝 Git,裝 Node.js,再來 clone repo…」
現在是這樣:
「你想寫程式?打開這個連結就可以了。」
這差異太大了!而且對那種會怕裝錯東西、怕電腦壞掉的新手來說,這根本福音。
最近我還跟一個朋友開玩笑說:「我現在都不教人安裝 VS Code 了,直接給網址,懶得搞一堆設定,連我自己都覺得方便。」他回我:「你是不是變懶了?」我笑著說:「不是,是因為工具變聰明了。」
總之,如果你還沒試過 vscode.dev,真的可以打開來看看,沒帳號也能用,登入 GitHub 的話功能還更多,連 repo 都能直接開。這種體驗,會讓你愛上「在瀏覽器裡寫程式」這件事的。
也歡迎你把這個網站推薦給你那些「一直說想學程式但又不想裝軟體」的朋友,這種門檻幾乎等於零的東西,不推白不推。
下一個被你推坑的人,也許就會成為未來的工程師喔(笑)