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

智能推荐

kaldi中声纹识别ivector模型_kaldi i-vector-程序员宅基地

文章浏览阅读4.4k次，点赞2次，收藏24次。1.数据准备：无论使用kaldi来做语音识别还是说话人识别，第一步就是数据准备，对于说话人识别来说，需要准备的几个文件为wav.scp，utt2spk，spk2utt这三个文件。对应的格式如下： 1.1 wav.scp有两列，第一列是key，这个可以一定要唯一；第二列是 wav的路径wavpath； 1.2 utt2spk也有两列，第一列是key，与wav.scp的第一列一样；..._kaldi i-vector

2019-程序员宅基地

文章浏览阅读4.2k次。序言2019年好像没几天就要结束了，所以写个渣渣凑个数量，爱看的看看，不爱看的滑过。2019是猪队友的元年，所以总结为2个字就是炮灰。风言风语1 猪队友你..._office2019专业增强版激活

Git（五）常用命令精简整理_git bash命令-程序员宅基地

文章浏览阅读896次。全局设置git config --global user.name "acgkaka"git config --global user.email "[email protected]"初始化.git文件夹git init将当前文件夹连接到test远程仓库git remote add origin https://gitee.com/acgkaka/test.git将本地的当前分支推送到远程的master分支，同时指定origin为默认主机，(后面再使用git push的时候就可以不加任_git bash命令

spring boot2.0自定义注入mongoTemplate使用审计标签@EnableMongoAuditing报错_springboot2.0+mongotemplate-程序员宅基地

文章浏览阅读6k次。项目原来在spring boot1.5.9版本时候使用@EnableMongoAuditing用同样的方法注入并没有报错，当切换到2.0版本是莫名其妙的出问题了，搞的我一脸懵逼，花了好久都没解决，后来偶然看到我们公司一个大佬的自定义注入的的方式，瞬间感觉到了王者和青铜的差距。 下面是配置代码@Configuration@EnableMongoAuditing@PropertySourc..._springboot2.0+mongotemplate

【Electron-Vue】搭建Electron-Vue前端桌面应用_electron-vue文档-程序员宅基地

文章浏览阅读1.4k次，点赞2次，收藏7次。最近准备写一个前端桌面应用，了解到了一个新的框架——Electron，它是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。接下来，我们就来搭建一个基于vue的electron应用吧。_electron-vue文档

SayMoney for Mac(个人理财软件) v2.2.7中文免费版-程序员宅基地

文章浏览阅读100次。saymoney for mac这款软件是您的个人理财的管理和评估的一种创新解答。这款软件支持对您的费用、收入和预算的评估，交易，类别，帐户的管理以及收据的管理等功能，对于财务管理人员来说再合适不过了！SayMoney for Mac安装教程安装包下载完成后，双击.pkg文件，按提示即可完成安装。SayMoney for Mac功能介绍操作简单直观管理和评估您的费用和收入交易，类别，账户和转账的管理经常性支出和收入的管理数据过滤，排序，分组和聚合通过PIN保护5种app设计颜色语音输入

随便推点

本周直播预告｜OCR打卡营12月21日（周二）起每晚八点半正式开讲！-程序员宅基地

文章浏览阅读109次。直播课表12月21日（周二）正式开讲！课程报名地址https://aistudio.baidu.com/aistudio/course/introduce/25207内容概览OCR方向万星...

管理心理--程序员如何选择职业赛道-程序员宅基地

文章浏览阅读2.1k次，点赞81次，收藏22次。当然，除非你创业，不然做不同类型的系统，对一个程序员来说，没啥不同，我带过的同学，有很多做着搜索引擎，突然转到游戏引擎，或其它基础架构组件的。一是了解软件运行的原理，知道系统薄弱点在哪，比如曾经一个下属在转为测试后，测试系统稳定性，必有一项：就是拿乱码去测试，看系统是否还能正常稳定地运行。很多系统将自己的稳定性，交给别人请求的合法性，这是不对的。但有编码经验的同学，在做运维实施，尤其是在客户现场，做一些私有化的安装部署时，面对系统的日志、模块的日志、配置，能更快、更专业地把问题定位出来。

mac 锁屏及锁屏快捷键设置_mac mini 快捷键设置 锁屏-程序员宅基地

文章浏览阅读1.4k次。自己第一次使用的是 钥匙串访问中的锁定屏幕，详细见博文http://blog.sina.com.cn/s/blog_768c0b450101dxj3.html但是个人觉得还是快捷键使用的比较方便，后来找到了一个方法1.打开Automator–>新建一个Service–>在搜索里面输入shell,然后拖到右侧编辑区。在文本框中删除cat,输入（注意单引号也要输_mac mini 快捷键设置 锁屏

HR_ROS 节点信息-程序员宅基地

文章浏览阅读91次。https://stackoverflow.com/questions/24638063/install-node-serialport-module-on-arm-linuxhttps://blog.csdn.net/minchina91/article/details/40260263gitclonehttps://github.com/creationix/nvm.git~/...._ros中的电池节点

mtu设置--解决部分网站打不开的问题_为什么temu国内打不开-程序员宅基地

文章浏览阅读1.9w次，点赞2次，收藏19次。资料一： 一、常见问题介绍1、什么情况下需要改MTU？　　如果您的动态域名网站不能被正常访问，很难连接，连接上也非常慢，请试试把DirectSend设为“总是关闭”。如果关闭后可以正常访问，这种情况就需要修改MTU。如果您的网站连接正常，只是下载速度慢，就不必改MTU了。请跳过这一节。2、什么是MTU？　　MTU是Maximum Transmission _为什么temu国内打不开

麻省理工学院计算机博士奖学金,NWU这位高颜值学霸小姐姐，获麻省理工博士全额奖学金录取！...-程序员宅基地

文章浏览阅读559次。原标题：NWU这位高颜值学霸小姐姐，获麻省理工博士全额奖学金录取！ 她是公认的“高颜值学霸小姐姐”170cm+的身高 笑起来天都会放晴托福100+GRE320+本科毕业的她 获得了麻省理工学院化学博士全额奖学金录取她是化学与材料科学学院2014级应用化学本科生原玮泽西北大学2019年紫藤奖获得者 2016年原玮泽参加了西北大学-加拿大滑铁卢大学2+2学位项目在西北大学期间两年均为专业排名第一名，校..._麻省理工计算机科学本硕博 西北大学 刘

推荐文章

热门文章

相关标签