VsCode开发工具的入门及基本使用_vscode yaml-程序员宅基地

技术标签： 编辑器  Linux  vscode  ide  

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

一、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 [email protected]

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

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

在这里插入图片描述
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jks212454/article/details/129172237

智能推荐

点位运动和直线插补运动_插补与点位混合使用-程序员宅基地

文章浏览阅读5.6k次。点位运动： 点与点的运动，机器人里术语是P，也就是P到P，机器人走的是平滑的路线，轨迹是不可预知的。直线插补运动： 如果你想走的是一条直线，那么就需要更改插补命令，也就是L到L，这样是你规定了机器人，按照2点一条直线的原则，机器人必须走的是你规定的直线。..._插补与点位混合使用

gcc使用率比较高选项_. v.,xccrxs.xd g gcc 。-程序员宅基地

文章浏览阅读143次。gcc有很多功能常用的选项，但我们常用的有过程选项、库选项、警告选项、优化选项，下面就以上选项用法进行讲解。_. v.,xccrxs.xd g gcc 。

立体匹配算法（局部立体匹配 、全局立体匹配 、深度学习立体匹配 ）-程序员宅基地

文章浏览阅读7.9k次，点赞3次，收藏16次。前言双目立体匹配的原理类似于人类的视觉原理：分别单独使用左眼和单独使用右眼去观察一个物体，该物体在两个视角中的相对位置会存在一定的偏移，人类视觉系统可以根据该偏移去判断该物体的距离远近。同样的，在双目立体匹配中，只要能在两张图像中正确地找到匹配点，结合相机的内部参数和外部参数，就能精准地计算出空间点距离拍摄相机的距离。一、立体匹配简介双目立体视觉一般是指使用两个摄像机从不同的角度获取同一个场景的左右视图，然后使用双目立体匹配算法来寻找左右视图中的匹配像素点对，最后利用三角测量原理来还_立体匹配

android仿秒拍源码,你所不知道的程序员 程序员其实真的很…【Bus Weekly】三十六期...-程序员宅基地

文章浏览阅读261次。原标题：你所不知道的程序员 程序员其实真的很…【Bus Weekly】三十六期快，点击蓝色“字体”关注这个公众号，一起涨姿势～现如今，程序员在中国的科技 圈可以说已经达到了举足轻重的地步了，强大的腾讯帝国，强大的阿里帝国，他们哪一个不是有上万程序员堆起来的。没有他们，哪儿来的天猫、支付宝，哪来的在 网上买买买；没有他们，哪来的微信、QQ, 哪来的在网上聊聊聊(yue yue yue)。当然，并不是...

springboot校园新闻数据化系统 计算机毕业设计源码99293_数据挖掘与分析实训校园新闻管理系统-程序员宅基地

文章浏览阅读155次。本设计主要实现集人性化、高效率、便捷等优点于一身的校园新闻数据化系统，完成视频分享、学校荣誉、意见反馈、公告数据、论坛数据、新闻数据等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。校园新闻数据化系统 使用Java语言，采用基于 MVVM模式的springboot技术进行开发，使用 Eclipse 2017 CI 10 编译器编写，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介....._数据挖掘与分析实训校园新闻管理系统

基于JAVA桂林恒保健康防护有限公司官网计算机毕业设计源码+数据库+lw文档+系统+部署-程序员宅基地

文章浏览阅读70次。基于JAVA桂林恒保健康防护有限公司官网计算机毕业设计源码+数据库+lw文档+系统+部署。前端技术：Layui、HTML、CSS、JS、JQuery等技术。springboot物流车辆规费管理系统的设计与实现。ssm基于HTML的“守护萌宠”网站的设计与实现。ssm基于ssm+vue的高校个性化选课推荐。springboot通用项目的项目管理系统。ssm基于ssm架构的校园二手物品交易。

随便推点

bzoj1050 [HAOI2006]旅行comf-程序员宅基地

文章浏览阅读46次。Description给你一个无向图，N(N<=500)个顶点, M(M<=5000)条边，每条边有一个权值Vi(Vi<30000)。给你两个顶点S和T，求一条路径，使得路径上最大边和最小边的比值最小。如果S和T之间没有路径，输出”IMPOSSIBLE”，否则输出这个比值，如果需要，表示成一个既约分数。 备注： 两个顶点之间可能有多条路径。Input...

致敬逆行者网页设计作品 大学生抗疫感动专题网页设计作业模板 疫情感动人物静态HTML网页模板下载-程序员宅基地

文章浏览阅读71次。 抗击疫情致敬逆行者感人类题材、致敬逆行者网页设计作品、大学生抗疫感动专题网页设计作业模板、等网站的设计与制作。️抗击疫情致敬逆行者感人类题材网页设计作品采用DIV CSS布局制作，共多个页面：网站首页、感动人物、动人瞬间、感人视频、感动图集、感动新闻页面。，使用CSS设置了网页背景颜色，制作了导航区域鼠标经过荧光效果。个别页面插入了感人MP4视频。作品代码采用学生简单水平制作，DIV命名合理。 一套优质的网页设计应该包含 (具体可根据个人要求而定)网站布局方面：计划采用目前主流的.....

Unity Editor(一)OnInspectorGUI的重写与面板的创建-程序员宅基地

文章浏览阅读277次。Unity Editor(一)OnInspectorGUI的重写与面板的创建 http://blog.csdn.net/husheng0/article/details/52568027 posted on 2017-05-12 14:27 jiahuafu 阅读(...) 评论(...) 编辑 收藏..._unity editor oninspectorgui

红队打靶练习:DJINN: 1-程序员宅基地

文章浏览阅读395次，点赞11次，收藏8次。红队打靶练习:DJINN: 1，犹如赤狐突袭般的警觉感......

2024中国ESG传播趋势白皮书-程序员宅基地

文章浏览阅读434次，点赞9次，收藏3次。社会环境，以及技术环境系统性地归纳总结了中国及国外的ESG发展现状。国，存在一股“反ESG”的趋势，一些投资者持观点认为，ESG仅仅利于，并不能为投资。着，在公司层面分析ESG营销的作用，从消费者，到外部利益相关者，再到企业内部，将。国企业与国际组织合作是进行ESG传播和实践的有效方式，因此本文详细列举了与国际组。ESG因素逐渐被纳入企业发展及资本市场的核心考量之中。我们首先采用PEST模型对可持续发展的宏观环境进行分析，从政策环境，经济环境，织合作的方法和案例，希望能够启发更多的中国企业与国际组织合作。

[042] 微信公众帐号开发教程第18篇-应用实例之音乐搜索_音乐消息thumb_media_id是什么-程序员宅基地

文章浏览阅读8.1w次，点赞75次，收藏75次。引言及内容概要微信公众平台支持向用户回复音乐消息，用户收到音乐消息后，点击即可播放音乐。通过音乐消息，公众账号可以实现音乐搜索（歌曲点播）功能，即用户输入想听的音乐名称，公众账号返回对应的音乐（歌曲）。读者可以关注xiaoqrobot体验该功能，操作指南及使用如下所示。考虑到歌曲名称有重复的情况，用户还可以同时指定歌曲名称、演唱者搜索歌曲。下面就为读者详细介绍歌曲点播功能的实现过程_音乐消息thumb_media_id是什么

推荐文章

热门文章

相关标签