VS code安裝和使用技巧

VS Code 是微軟提供的一款輕量級但功能十分強大的編輯器,內置了對JavaScript, TypeScript和Node.js語言的支持,並且爲其他語言如C++, C#, Python, PHP等提供了豐富的擴展庫和運行時。

一:VS Code的安裝(去下載),

1.1:VS Code的當前版本爲1.18,支持Windows,Ubuntu,Mac

在這裏插入圖片描述

1.2:安裝

VS Code的安裝比較簡單,一直下一步即可。安裝完成後打開,界面如下:
在這裏插入圖片描述

二:VS Code的簡單介紹和使用

2.1:界面簡單介紹

在這裏插入圖片描述

2.1:標註1,資源管理器,下面是文件和文件夾,點擊資源管理器可打開和關閉顯示
2.2:標註2,搜索,如果資源管理器文件過多,可通過輸入內容查詢
在這裏插入圖片描述
2.3:標註3,源代碼管理,如通過git init文件後導入項目,此項下面才顯示

2.4:標註4,調試,配置調試選項後生效
在這裏插入圖片描述

2.5:擴展,搜索內容後安裝需要的插件
在這裏插入圖片描述

2.6:顯示文檔錯誤和警告個數

2.7:新建文件,點擊此按鈕輸入文件名後新建一個文件

2.8:新建文件夾,點擊按鈕輸入文件夾名後新建一個文件夾

2.9:刷新,內容變動時,點擊此按鈕刷新

2.10:全部摺疊,點擊此按鈕,關閉文件夾的顯示

2.11:TAB鍵縮進空格個數

2.12:文件編碼格式

2.13:文件類型,如圖所示,爲gson

2.14:狀態

三:使用技巧簡介

3.1:打開文件或文件夾:文件-》打開-》文件或文件夾選項

在這裏插入圖片描述

3.2:如下圖打開了一個react-native項目

在這裏插入圖片描述

3.3:新建文件夾:如圖,在項目根目錄下點擊新建文件夾,輸入app,創建一個文件夾,文件的創建同此

在這裏插入圖片描述

3.4:拆分編輯器,打開app.js,點擊拆分編輯器時,打開了同樣的一個app.js文件

在這裏插入圖片描述

3.5:打開終端調試,依次打開查看-》集成終端,打開終端調試窗口

在這裏插入圖片描述

————————————————
版權聲明:本文爲CSDN博主「PGzxc」的原創文章,遵循CC 4.0 by-sa版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/Calvin_zhou/article/details/78487121

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章