visual studio code(vsc)的使用教程

mushang 發布于2019-08-21 10:52 / 3345人閱讀

摘要：慢慢更新，工作用的是，移動辦公用的是，所以兩種快捷鍵都會慢慢的更新上去。快捷鍵這里主要就是實驗上的快捷鍵，一些我認為沒用的我就不列出來了。顯示前提是你的項目必須是一個項目啟動調試修改用戶設置把默認的用戶設置成適合我們自己的還是很重要的。

visual studio code以下簡稱vsc。
vsc這個編輯器也火了一會了，最近在跟風學一波typescript，網絡上很多人說vsc是最適合ts的編輯器，而且這個編輯器本身也很好用，所以學一下，在這篇文章里記錄一下學習的過程，比如快捷鍵，如何debug，如何跑任務和一些奇淫技巧等。慢慢更新，工作用的是windows，移動辦公用的是mac，所以兩種快捷鍵都會慢慢的更新上去。

快捷鍵

這里主要就是實驗F1上的快捷鍵，一些我認為沒用的我就不列出來了。

向上(下)復制行 shift + alt + top(down)

向上(下)移動行 alt + top(down)

新建一個窗口 ctrl + shift + N

行增加縮進 ctrl + [

行減少縮進 ctrl + ]

撤銷修改 ctrl + z

撤銷撤銷修改 ctrl + shift + z

裁剪尾隨空格(去掉一行的末尾那些沒用的空格):ctrl + shift + x

強烈建議把這個啟用，這樣保存的時候就會自動刪掉那些沒用的空格，在很多公司的代碼規范里都是不允許存在這些空格的。

顯示隱藏側邊欄:ctrl + B

拆分編輯器(最多拆分成三塊):ctrl +
按ctrl + 1(2,3)就可以在拆分后的編輯器里切換

方法縮小 ctrl +(-)

關閉編輯器 ctrl + W(F4)

切換編輯器 ctrl + shift + left(right)
也可以用 ctrl+1(2,3)

顯示和隱藏側邊欄 ctrl + B

切換全屏 F11

切換自動換行 alt + Z
這個還是很有用的，有時候我們的屏幕不夠大，可是代碼沒有自動換行，所以被遮住的代碼就會看不到，但是你用這個快捷鍵就可以換行看到了。這個我是在用戶設置里面設置成自動換行的。

顯示Git ctrl + shift + G
前提是你的項目必須是一個git項目

啟動調試 ctrl + shift + D

修改用戶設置

把默認的用戶設置成適合我們自己的還是很重要的。
也很簡單，文件 - 首選項 - 用戶設置，然后出來左邊的默認設置是不能改的，需要在右邊settings.json中覆蓋。

修改快捷鍵

文件 - 首選項 - 鍵盤快捷方式，和修改用戶設置的時候一樣，找到你要修改的快捷鍵名字，右邊覆蓋就可以了，一些還沒有綁定快捷鍵的功能可以在左邊的最下面看到，然后快捷鍵的名字就是這個。

具體點:

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86329.html

使用Visual Studio Code編寫調試Python Flask程序

摘要：最近由于工作關系，開始寫程序，同事有用的，有用的。第一種適合及以上版本，因為在版本起，出現了文件，配置可以寫成用文件啟動程序，實測可以觸發斷點。最近由于工作關系，開始寫flask web程序，同事有用Vim的，有用PyCharm的。在調研了一通python的編輯器，IDE之后，發現Visual Studio Code相對比較適合我。 VSC有相對較全的功能，比較好看舒服的主題，良好的...

gotham 2019-07-31 12:23 評論0 收藏0
為什么我選擇使用 VS Code進行前端開發?

摘要：我們團隊有大部分人已經在用了，所以這周五在組內做了一個小分享，來發掘一些提高開發效率的小技巧。為什么選擇在剛出來的時候，我就開始使用了如何評價理由很簡單開源，免費，顏值高微軟出品，實力保證。 showImg(https://segmentfault.com/img/remote/1460000010750652); 沒錯，我就是來給大家安利 VS Code 的。對前端來說，這是一款性...

liaosilzu2007 2019-08-21 12:01 評論0 收藏0
如何在瀏覽器中運行 VS Code？

摘要：啟動后在瀏覽器中導航到。這時清空一下瀏覽器緩存再運行就可以了。當然我們也看到，目前在瀏覽器中運行仍然存在一些有待解決的技術問題，因此還不適合廣泛采用。摘要： WEB IDE新時代！作者：SHUHARI 的博客原文：有趣的項目 - 在瀏覽器中運行 Visual Studio Code Fundebug按照原文要求轉載，版權歸原作者所有。眾所周知，Visual Studio...

joyvw 2019-08-26 10:34 評論0 收藏0
ReactJS新聞 #24 Twitter Lite與高性能React漸進式網站應用于規模化

摘要：新聞與高性能漸進式網站應用于規模化推特對外發表了新的手機專用網站網站，這個網站使用了與的多項技術，在開發者的博客分享了有關于如何克服性能瓶頸的一些經驗。歡迎到新聞網站或庫關注我們。新聞 Twitter Lite與高性能React漸進式網站應用于規模化 Twitter(推特)對外發表了新的手機專用網站 - Twitter Lite網站，這個網站使用了React與PWA的多項技術，在開發...

maxmin 2019-08-20 15:50 評論0 收藏0
VS Code上手與超實用插件安利

摘要：軟件跨平臺支持以及，運行流暢，可謂是微軟的良心之作微軟有這個宇宙最強，自然也不會弱宇宙最強編輯器說到代碼編輯器，我們有必要提一提還有。原文鏈接：VS Code上手與超實用插件安利工欲善其事必先利其器 Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源的現代化輕量級代碼編輯器，支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義熱鍵、括號...

miracledan 2019-08-21 17:46 評論0 收藏0