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

2023-11-02

一、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连接,测试免密正常。

在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

VsCode开发工具的入门及基本使用 的相关文章

随机推荐

  • Python实战RBF神经网络

    程序员A 哥们儿 最近手头紧 借点钱 程序员B 成啊 要多少 A 1000行不 B 咱俩谁跟谁 给你凑个整 这1024 拿去吧 之前我们讲了神经网络 人工神经网络是受到人类大脑结构的启发而创造出来的 这也是它能拥有真智能的根本原因 在我们的
  • pycharm创建py脚本自动增加注释和描述

    pycharm创建py脚本自动增加注释和描述 创建脚本时可自动带入简单注释 设备 MAC 注释内容如下 Time DATE TIME Author fanzw File NAME py Description 可自由扩展 效果如下
  • JVM的垃圾回收机制 总结(垃圾收集、回收算法、垃圾回收器)

    如果想了解Java内存模型参考 jvm内存模型 和内存分配以及jdk jre jvm是什么关系 阿里 美团 京东 相信和小编一样的程序猿们在日常工作或面试当中经常会遇到JVM的垃圾回收问题 有没有在夜深人静的时候详细捋一捋JVM垃圾回收机制
  • 《C++ System Programming Cookbook》第一章读书笔记

    阅读书籍 C System Programming Cookbook 记录 使用docker linux 用户管理常见命令 adduser 创建用户 login 用户登录 passwd 修改用户密码 usermod a G 用户加入组 us
  • 【C语言-进阶】自定义类型详解(结构体+枚举+联合)

    结构体的声明与定义 s0 s1 s2都是struct Stu 的别名 即结构体的重命名 这种情况下就不可以在声明的同时定义变量了 sp spp都是sturct Stu类型的 n1为结构体声明的同时定义变量 在下面重新赋值时不能只写n1 还要
  • Jetson Nano中使用Darknet(AlexeyAB版本)运行YOLOV4

    之前几天使用了Darknet来跑YOLOV3 或多或少遇到了一些问题 一些问题也还没有解决 YOLOV3的作者呢之前宣布自己不再更新了 那么AlexeyAB就搞了YOLOV4的版本 接下来我们就尝试一下YOLOV4 安装Darknet Al
  • element UI 动态生成表头

    最近开始搞vue了 由于 element UI 中的 table 不能像 antd 里的 table 直接注入 json 字符串生成表头 这导致了不能轻松的通过后台生成表格 或是对表头进行排序 在网上参考找了一种最简易的方法 可以给表格里面
  • VS社区版离线试用到期解决办法

    很多朋友在学习工作中 有时需要离线安装VS2017 2019 而社区版 而社区版试用时间只有30天 到期后无法继续使用 下面教大家一种解决这个问题的办法 如下 1 下载离线授权文件 VS离线授权文件 1 开始 gt Visual Studi
  • 归并排序(递归)

    归并排序是通过递归的思想实现的排序算法 什么是递归呢 递归就是需要我们转变思想 思考将一个大事转变为一个个与原问题相似的小事 而我们需要对一个整型数组排序 应该怎样将排序整个数组这么大的规模转变为排序两个数这么小的规模呢 假设我们需要排序的
  • popwindow下拉筛选 二级联动_Excel技巧:一、二、三级联动下拉菜单制作方法分享...

    平时工作过程中 经常会用到Excel表格 关于表格数据处理还有一些小技巧的 掌握一个小技巧 可能对办公效率的提高起到很大的作用 表格中对常见的可能就是表格下拉菜单的设置了 比如说 性别 这一栏 如果每次填写都得重新输入的话 要是人数众多这工
  • vue 基于el-table实现多页多选/单选、翻页回显过程

    1 问题 表格可以多选 单选 分页的时候 表格数据能进行回显 type selection 可以设置表格进行多选 row key 指定数据的 Key 用来优化 Table 的渲染 select单选的事件 select all多选的事件 这两
  • 整数与IP地址间的转换Python

    data input split IP地址转整数 a b caozuo a append bin int i 2 rjust 8 0 for i in data for i in a b i ac int b 2 print ac data
  • SQL查询优化

    一 为什么要对SQL进行优化 我们开发项目上线初期 由于业务数据量相对较少 一些SQL的执行效率对程序运行效率的影响不太明显 而开发和运维人员也无法判断SQL对程序的运行效率有多大 故很少针对SQL进行专门的优化 而随着时间的积累 业务数据
  • AD20圆形PCB板铺铜(铜皮直径可小于板框直径)

    首先 板子是圆形的 可能会需要铺圆形的铜皮 1 画一个圆 选中后右键 选择铺铜操作 铺铜管理器 2 打开铺铜管理器后 选择来自新的 多边形 选择板外形 3 右侧选择layer以及net 设置铺铜相关的属性 4 若所铺圆形铜皮直径小于圆形板框
  • MongoDB保存与读取Numpy与Pandas格式的数据到一个数据格里

    对于Numpy格式的数据 保存时使用 Binary pickle dumps array protocol 2 其中array就是ndarry格式的数组 加载时使用 pickle loads result numpy 对于Pandas格式的
  • 动态规划问题——最长上升子序列(LIS)(二)

    原文转载自我的博客benym cn 推荐链接 动态规划问题 最长上升子序列 LIS 一 动态规划问题 最长上升子序列 LIS 三 题目描述 一天 小凯同学震惊的发现 自己无内的PM2 5指标是有规律的 小凯采样了PM2 5数值 发现PM2
  • Exception in thread “main“ org.springframework.jdbc.CannotGetJdbcConnectionException: Failed to obta

    问题描述 Exception in thread main org springframework jdbc CannotGetJdbcConnectionException Failed to obtain JDBC Connection
  • Prometheus、Node_Exporter、PushGateway的使用

    文章目录 一 prometheus server端部署prometheus 二 在被监控节点部署 node exporter 三 使用 PushGateway 进行数据上报采集 一 prometheus server端部署prometheu
  • android Log图文详解(Log.v,Log.d,Log.i,Log.w,Log.e)

    在Android群里 经常会有人问我 Android Log是怎么用的 今天我就把从网上以及SDK里东拼西凑过来 让大家先一睹为快 希望对大家入门Android Log有一定的帮助 android util Log常用的方法有以下5个 Lo
  • VsCode开发工具的入门及基本使用

    VsCode开发工具的入门及基本使用 一 VsCode介绍 1 VsCode简介 2 VsCode特点 二 安装VsCode 1 下载VsCode 2 安装VsCode 3 打开VsCode 三 设置VsCode中文 1 搜索中文语言插件