《VSCode 2020》由微软官方推出的编程方面的軟件,用户可以使用进行程序的编写,完成每天的日常工作;作为一款免费开源的代码编辑器,支持目前主流的所有的语言,使用也非常的方便,还有实用的插件,让你代码编写更加的轻松!

VSCode 2020軟件特色
1、完整的产品图标刷新 - 所有VS Code的新现代图标。
2、在“设置”UI中编辑字符串数组 - 直接从“设置”编辑器添加到字符串数组。
3、在文件资源管理器中显示搜索结果 - 快速跳转到文件资源管理器中的文件位置。
4、在选择中显示空格 - 仅为选定文本查看空白字符。
5、查找和替换保留套管 - 替换文本而不会丢失字母套管。
6、终端搜索用户体验改进 -终端的更直观的自下而上搜索顺序。
7、更好的SCSS @import导航 - VS Code现在可以检查SCSS文件的更多位置。
8、远程开发教程 - 通过SSH和WSL工作的新的逐步教程。
VSCode 2020中文设置
如果显示英文的话,打开进入軟件,Ctrl + Shift + P,切入到命令行模式。输入“Configure Language”
然后点击下拉框出来的 Configure Display Language
選擇安裝其他語言,點擊下拉安裝中文即可
VSCode 2020使用教程
1、打开visual studio code之后,界面如图所示。最上方的是菜单栏,左侧的是快捷工具栏,设置按钮就在左侧的最下方
2、首先看頂部的菜單欄,File是對文件操作的菜單,如打開文件、文件夾等。
Edit是編輯過程中的相關菜單,比如撤銷等。
View是顯示或者隱藏哪些視圖窗口的菜單。
Go是跳轉類的菜單,如轉定義等等。
Debug是調試相關的菜單。
Help是幫助菜單
3、接著看左側的快捷工具欄,從上到下依次是:
Explorer:當前打開的文件或者文件夾的列表窗口。
Search:查找和替換窗口。
Source Control:源码管理的窗口,比如配合svn、git等源码管理工具。
Debug:調試窗口。
Extensions:擴展插件窗口
4、在左側快捷工具欄的最下方,是設置按鈕,點擊之後,會出現一個彈出菜單,選擇Settings,就能在右側出現各種明細的設置選項。點開設置頁面後,首先看到的是間隔多少毫秒自動保存的設置項,接著是字號、字體的設置
5、接下来,演示如何创建一个html页面。首先点击左上角的【File】菜单,选择【New File】就会出现一个空白的标签页,这样的标签页还没有存储任何内容,也没有存储成物理文件,所以,书写代码的时候,没有智能提示
6、这个时候,可以使用【Ctrl + S】组合键,或者,点击【File】菜单下面的【Save】选项,保存文件到电脑的磁盘。在弹出的保存到磁盘位置的界面中,默认的文件类型是txt文本文件,注意要修改为.html结尾的文件,才是html网页文件
7、當保存爲html結尾的網頁格式文件之後,在文件的開始處,輸入一個感歎號,再按一下Tab鍵,就能自動生成符合H5規範的html頁面框架內容了

VSCode 2020使用说明
通过快捷方式打开Visual Studio Code工具,然后新建静态页面
創建一個靜態頁面table.html,並添加頁面代碼,然後保存,使用浏覽器查看
点击File菜单,选择Open Folder,将项目导入到Visual Studio Code
導入進去後,查看項目所依賴的包是否安裝,項目配置文件
新建一个终端窗口,在命令行输入npm run dev运行项目
再點擊File,然後新建一個TypeScript文件ct.ts,添加對應的代碼
打開一個終端窗口,查看是否安裝TypeScript插件,利用tsc命令運行文件
vscode配置python
打开Visual Studio Code,点击主界面最左侧最下的选项(extension),在搜索框中输入“python”,点击“Install”进行安装。