Visual Studio Code如何設(shè)置中文?VS Code使用詳細圖文教程

Visual Studio Code簡稱為vs code,是由微軟研發(fā)的一款免費、開源的跨平臺文本(代碼)編輯器,算是目前前端開發(fā)幾乎完美的軟件開發(fā)工具。該軟件具有集成工具可輕松地將代碼部署到Azure,內(nèi)置了對 JavaScript、TypeScript和Node.js的支持,并具有豐富的其他語言(例如 C++、C#、Java、Python、PHP、Go)和運行時(例如 .NET 和 Unity)擴展的生態(tài)系統(tǒng),還可以設(shè)置斷點并單步執(zhí)行前端JavaScript 代碼以快速解決問題,以及使用多目標調(diào)試功能調(diào)試前端和后端代碼。同時,相比于市面上其它同類軟件而言,vs code是通過SSH(Secure Shell)的方式連接到遠程服務(wù)器,簡而言之就是在遠程開發(fā)過程中扮演的角色更像是一款終端模擬工具,不需要繁瑣的上傳和下載步驟,而且實時性更好,只需要在windows上保存一下,會瞬間同步到遠程開發(fā)機,非常好用。
vs code如何設(shè)置中文
1、首先在本站下載解壓,得到vs code綠色版安裝包,雙擊運行"Code.exe"程序即可打開軟件;
2、打開之后發(fā)現(xiàn)默認是英文界面,使用快捷鍵“Ctrl+Shift+P”打開設(shè)置菜單,在下拉菜單選中“Configure Display Language”;
3、再選擇“Install additional languages...”;
4、在窗口中選擇“Chinese (Simplified) Language 中文(簡體)”,點擊語言下面的綠色“Install”按鈕安裝選擇的語言;
5、安裝完成后,右下角會彈出提示框,點擊按鈕后軟件會自動重啟,再次顯示即是簡體中文啦。
vscode插件推薦
1、Auto Close Tag (自動閉合HTML/XML標簽)
2、Auto Rename Tag (自動完成另一側(cè)標簽的同步修改)
3、Beautify (格式化 html ,js,css)
4、Bracket Pair Colorizer(給括號加上不同的顏色,便于區(qū)分不同的區(qū)塊)
5、Debugger for Chrome(映射vscode上的斷點到chrome上,方便調(diào)試)
6、ESLint(js語法糾錯,可以自定義配置)
提示:這個小編不太喜歡,因為個人代碼書寫規(guī)則不一樣,可自由使用
7、GitLens(方便查看git日志)
8、HTML CSS Support (智能提示CSS類名以及id)
9、HTML Snippets(智能提示HTML標簽,以及標簽含義)
10、JavaScript(ES6) code snippets(ES6語法智能提示,以及快速輸入)
11、jQuery Code Snippets(jQuery代碼智能提示)
12、Material Icon Theme(vscode圖標主題)
13、 React/Redux/react-router Snippets(React/Redux/react-router語法智能提示)
14、Vetur(Vue多功能集成插件,錯誤提示等)
15、 Class autocomplete for HTML(智能提示HTML class =“”屬性)
除了以上的之外,其他的插件用戶可按需求進行下載,希望對你有所幫助噢。
vscode使用教程
剛上手使用vs code時,建議要先把它當做一個文件編輯器(可以打字然后保存),等到有了一定經(jīng)驗再去熟悉那些快捷鍵:
1、根據(jù)您的當前上下文訪問所有可用命令。
鍵盤快捷鍵:Ctrl + Shift + P
2、默認鍵盤快捷鍵
所有命令都在命令面板中,并帶有關(guān)聯(lián)的鍵綁定(如果存在)。如果您忘記了鍵盤快捷鍵,請使用“ 命令面板”來幫助您。
3、快速開啟
提示:鍵入?查看命令建議。
鍵入命令,例如edt和term后跟一個空格,將顯示下拉列表。
4、改變你的主題
鍵盤快捷鍵:Ctrl + K Ctrl + T,您可以從VS Code擴展市場中安裝更多主題。
5、按鍵圖
自定義鍵盤快捷鍵
鍵盤快捷鍵:Ctrl + K Ctrl + S
您可以搜索快捷方式并將自己的快捷鍵添加到keybindings.json文件中。
還有更多強大的功能等你來發(fā)現(xiàn),讓你敲代碼更加有趣。
以上就是小編為大家?guī)淼腣isual Studio Code如何設(shè)置中文?VS Code使用詳細圖文教程的全部內(nèi)容,希望對大家有所幫助,更多內(nèi)容請繼續(xù)關(guān)注腳本之家。
相關(guān)文章
VisualStudio Code怎么關(guān)閉文件導(dǎo)航路徑? vscode導(dǎo)航路徑設(shè)置方法
VisualStudio Code怎么關(guān)閉文件導(dǎo)航路徑?VisualStudio Code軟件想要關(guān)閉文件的導(dǎo)航路徑,該怎么關(guān)閉呢?下面我們就來看看vscode導(dǎo)航路徑設(shè)置方法,需要的朋友可以參考下2020-06-18Visual Studio Code 1.44 解決中文代碼顯示亂碼問題(小白圖文教程)
這篇文章主要介紹了Visual Studio Code 1.44 解決中文代碼顯示亂碼問題,文中通過圖文介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著2020-04-13- 微軟提供一個跨平臺的編輯器Visual studio code,這個編輯器很輕量級,插件也多,適合在Mac上編寫一些C 或者 C++的代碼,下面就詳情來看看具體的操作步驟,希望對大家有所2018-09-07
VisualStudio Code怎么按文件名搜索? vscode按文件名搜索的教程
VisualStudio Code怎么按文件名搜索?Visual Studio Code中想要搜索文件,怎么按文件名搜索呢?下面我們就來看看vscode按文件名搜索的教程,需要的朋友可以參考下2018-04-20VisualStudio Code怎么切換大小? vscode代碼切換大小寫的教程
VisualStudio Code怎么切換大?。縑isual Studio Code中輸入的代碼想要切換大小寫,該怎么切換呢?下面我們就來看看vscode代碼切換大小寫的教程,需要的朋友可以參考下2018-04-20VisualStudio Code怎么同時編輯多處?vscode同時編輯多處的三種方法
VisualStudio Code怎么同時編輯多處?Visual Studio Code中想要同時編輯多處,該怎么編輯呢?今天我們就來介紹三種關(guān)于vscode同時編輯多處的方法,需要的朋友可以參考下2018-04-20- VisualStudio Code怎么使用全局搜索快捷鍵?Visual Studio Code中想要使用全局搜索,該怎么使用呢?下面我們就來看看vs code全局搜索的使用方法,需要的朋友可以參考下2018-04-18
visual studio code怎么改快捷鍵?vscode修改默認快捷鍵的方法介紹
使用vscode時,經(jīng)常會遇到和其他軟件快捷鍵沖突的問題,這個時候我們需要修改快捷鍵,那么,visual studio code怎么改快捷鍵?今天小編就給大家詳細介紹一下vscode修改默認2018-04-11Windows下Visual Studio Code 快捷鍵大全
Visual Studio Code 是一款優(yōu)秀的編輯器,非常適合編寫 TS 以及 React 。最近在學(xué)習(xí) AngularJs 2,開始使用 VSCode,特意整理翻譯了一下官網(wǎng)的快捷鍵2018-04-05visual studio code教程 vscode的基礎(chǔ)使用和自定義設(shè)置方法
這篇文章主要基于基礎(chǔ)web前端開發(fā),visual studio code教程——基礎(chǔ)使用、擴展插件安裝使用以及少許自定義配置,需要的朋友可以參考下2018-04-04