VSCode详细使用教程

时间:2024-05-18 18:37:40

1、百度下载VSCode

VSCode下载链接: https://code.visualstudio.com/


2、VSCode汉化
在左边菜单点击最后一个,然后输入Chinese 点击安装,重启VSCode

如下图:

VSCode详细使用教程

3、VSCode常用插件(安装步骤同汉化)

3.1、Vetur(Vue多功能集成插件,错误提示等)

VSCode详细使用教程

3.2、View In Browser

VSCode详细使用教程

3.3、Vue-format

VSCode详细使用教程 

3.4、Prettier - Code formatter

VSCode详细使用教程

 3.5、创建C# Web项目,安装C#之后需要重启下VSCode

VSCode详细使用教程

 3.6、重启之后会出现如下的界面,表示已经安装好了C#扩展

VSCode详细使用教程

3.6、vscode-solution-explorer(解决方案管理器插件)

VSCode详细使用教程

3.7、安装vscode-solution-explorer插件后,VS Code Explorer左侧栏中将多了一个新窗格

如下图:

VSCode详细使用教程

4、使用Visual Studio Code开发基本的.NET Core程序

4.1、先自己在电脑上任意一个位置创建一个名为VSCodeSample的空文件夹,然后使用"Visual Studio Code"打开文件夹

如下图:

VSCode详细使用教程

 4.2、使用"Ctrl+Shift+`" 快捷键在 Visual Studio Code 中快速打开终端

如下图所示:

VSCode详细使用教程

4.3、接下来我们使用"dotnet new console --name vscodesample"命令来在这个打开的终端里面创建一个基础的控制台程序并进行restore

如下图所示 :

VSCode详细使用教程

4.4、接下来我们打开生成的Program.cs 文件,Visual Studio Code会安装OmniSharp插件,然后会在右下角弹出如下图所示的是否需要生成用来构建以及调试的资产文件的询问窗口,这里点击“是”就会帮我们生成“launch.json”以及“task.json”文件,这些文件将有助于使用Visual Studio代码构建和调试应用程序 

VSCode详细使用教程 VSCode详细使用教程

4.5、下面我们修改下Program.cs 文件中的内容,添加下面这行代码。然后保存文件,并把鼠标移动到终端,然后终端cd到我们的项目目录"cd VSCodeSample"。输入"dotnet run" 然后按下Enter键,可以看到如下所示的内容: 

VSCode详细使用教程