VsCode开发工具的入门及基本使用

文章介绍了VsCode的基本信息、安装步骤、设置中文界面、初识VsCode的左侧栏模块和系统设置。还详细讲解了如何配置VsCode,包括禁用自动更新、安装各种插件如openinbrowser、yaml、python和RemoteSSH。此外,文章还阐述了如何远程调试Linux服务器文件以及如何配置SSH免密远程连接。
摘要由CSDN通过智能技术生成

一、VsCode介绍

1.VsCode简介

Visual Studio Code(简称“VS Code” )是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器, 可用于Windows,macOS和Linux操作系统。

2.VsCode特点

  • 轻量级:vscode是一款轻量级的编辑器,安装包小,且启动速度快,可以提高用户体验。

  • 插件丰富:vscode拥有丰富的插件系统,可以编辑HTML、CSS、JS、TS、Vue、React等前端代码和JAVA、Python等后端代码。

  • .具有代码跟踪功能:vscode可以对代码进行标注,可以查看更改了那些文件,文件中修改了第几行的代码等。

二、安装VsCode

1.下载VsCode

官网地址:https://code.visualstudio.com/

在这里插入图片描述

在这里插入图片描述

2.安装VsCode

下载VsCode的安装包,直接在windows安装即可。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.打开VsCode

安装完成后,打开VsCode。

在这里插入图片描述

三、设置VsCode中文

1.搜索中文语言插件

选择插件模块,在搜索栏输入chinese,搜索中文语言插件。

在这里插入图片描述

2.安装中文语言插件

选中chinese插件,安装完毕后,关闭软件重新打开即可。

在这里插入图片描述
在这里插入图片描述

四、初识VsCode

1.VsCode左侧栏模块

左侧栏下,依次是资源管理器、全局搜索、Git管理、运行和调试、插件管理一共5个模块。

在这里插入图片描述

2.系统设置功能

软件左下角的系统设置功能

在这里插入图片描述

五、VsCode初始配置

1.禁用自动更新

系统设置——设置,搜索update mode并将设置更改为none,弹出提示框重启软件即可。

在这里插入图片描述
在这里插入图片描述

2.开启代码提示设置

系统设置——设置,到搜索框里搜索“prevent”—>并取消此项的勾选。

在这里插入图片描述

3.安装open in browser插件

在浏览器里预览网页必备,可以运行html文件。

在这里插入图片描述

4.安装yaml插件

安装yaml插件,docker和k8s必备插件。

在这里插入图片描述

5.安装python插件

安装python插件,使用python必备插件。

在这里插入图片描述

6.安装Remote SSH插件

安装Remote SSH插件,远程连接Linux服务器必备插件。

在这里插入图片描述

六、远程调试Linux服务器文件

1.打开远程资源管理器

安装Remote SSH插件后,在左侧栏会出现远程资源管理器的图标,打开远程资源管理器。

在这里插入图片描述

2.远程连接Linux

通过以下命令远程连接Linux,输入命令后按回车键,选择配置文件存放位置,选择第一个即可,选择连接Linux服务器,输入账号密码即可。

ssh root@192.168.3.157

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.编辑一个测试yaml文件

apiVersion: apps/v1
kind: Deployment
metadata:
  creationTimestamp: null
  labels:
    app: web-deployment
  name: web-deployment
spec:
  replicas: 1
  selector:
    matchLabels:
      app: web-deployment
  strategy: {}
  #pod描述
  template:
    metadata:
      creationTimestamp: null
      labels:
        app: web-deployment
    spec:
      containers:
      - image: nginx:1.21
        name: nginx
        resources: {}
status: {}

在这里插入图片描述

4.安装kubernetes插件

安装kubernetes插件,对于k8s的yaml文件具有语法校验功能

在这里插入图片描述

5.检查yaml文件的语法校验功能

将测试的yaml文件格式打乱,会提示错误语法的部分。

在这里插入图片描述

七、配置VsCode的SSH免密远程连接

1.打开本地powershell

在这里插入图片描述

2.生成本地公私钥

PS C:\Users\admin> ssh-keygen
Generating public/private rsa key pair.
Enter file in which to save the key (C:\Users\admin/.ssh/id_rsa):
C:\Users\admin/.ssh/id_rsa already exists.
Overwrite (y/n)?
PS C:\Users\admin>

3.复制公钥到远程主机

复制本地的公钥到远程主机的~/.ssh/authorized_keys文件中
在这里插入图片描述
在这里插入图片描述

4.测试SSH免密

重新ssh连接,测试免密正常。

在这里插入图片描述

  • 8
    点赞
  • 70
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
如果你是初学者,使用VSCode作为你的开发工具是一个不错的选择。VSCode是一个功能强大,操作简洁的开发工具,具有丰富的人性化功能。你可以通过这篇文章来了解VSCode的新手操作指南,它可以帮助你更好地使用这个工具。 在使用VSCode之前,你可能需要了解一些基本操作。例如,如果你想要在VSCode中进行桌面端开发(如WPF),目前可能没有好用的可视化插件,你只能在修改完XAML后运行程序来查看效果。 如果你想要启动VSCode,你可以使用CMD命令行编辑器,在所需的文件夹下输入"code ."即可启动VSCode并默认打开该文件夹。同样地,如果你想要从文件中打开工作区,你可以输入"code 工作区文件名"来打开工作区。对于单一文件的打开,也是类似的操作。 通过这些简单的步骤,你可以快速入门并开始使用VSCode作为你的开发工具。希望这些信息对你有所帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [VSCode 入门操作大全 + 实用插件推荐【零基础专属详细教程】](https://blog.csdn.net/weixin_52212950/article/details/124693906)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【VSCode】Visual Studio Code软件使用入门](https://blog.csdn.net/lzcroyal/article/details/122021770)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

江湖有缘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值