首页 > 其他分享 >VsCode开发工具的入门及基本使用

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

时间:2023-04-06 11:37:30浏览次数:51  
标签:插件 入门 yaml VsCode 开发工具 Linux 安装 远程

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

在这里插入图片描述

标签:插件,入门,yaml,VsCode,开发工具,Linux,安装,远程
From: https://blog.51cto.com/u_14664141/6172453

相关文章

  • VSCode更改插件安装位置
    1、使用–extensions-dir命令使用命令行打开VSCode,增加参数–extensions-dir插件路径这种方式存在弊端,就是命令行窗口不能关闭。当然也可以增加一个.bat文件打开编辑器。2、使用–extensions-dir命令如果不在安装目录里面创建data目录,那么vscode默认是在C:\Users\dell.vscode......
  • 题目 1016: [编程入门]水仙花数判断
    打印出所有"水仙花数",所谓"水仙花数"是指一个三位数,其各位数字立方和等于该本身。例如:153是一个水仙花数,因为153=1^3+5^3+3^3。 #include<stdio.h>intmain(){inta,b,c,i;for(i=100;i<1000;i++){a=i/100;b=i/10%10;c=i......
  • 题目 1014: [编程入门]阶乘求和
    求Sn=1!+2!+3!+4!+5!+…+n!之值,其中n是一个数字(n不超过20)。 1.因为这是阶乘求和,一般的int类型可能就不够,因此我们利用longlongint类型(不用unsignedlong因为当n为20时,Sn=2561327494111820313)了,unsignedlong的范围不够。2.求Sn的和,我·用的是两个for循环嵌套for(in......
  • 全网最详细中英文ChatGPT-GPT-4示例文档-会议笔记文档智能转摘要从0到1快速入门——官
    目录Introduce简介setting设置Prompt提示Sampleresponse回复样本APIrequest接口请求python接口请求示例node.js接口请求示例curl命令示例json格式示例其它资料下载ChatGPT是目前最先进的AI聊天机器人,它能够理解图片和文字,生成流畅和有趣的回答。如果你想跟上AI时代的潮流......
  • 题目 1013: [编程入门]Sn的公式求和
    求Sn=a+aa+aaa+…+aa…aaa(有n个a)之值,其中a是一个数字,为2。例如,n=5时=2+22+222+2222+22222,n由键盘输入。#include<stdio.h>intmain(){intn,i,sum=0,c=0;scanf("%d",&n);for(i=0;i<n;i++){sum*=10;sum=sum+2;c......
  • Rust编程语言入门之项目实例:- 命令行程序
    项目实例:-命令行程序一、实例:接收命令行参数本章内容12.1接收命令行参数12.2读取文件12.3重构:改进模块和错误处理12.4使用TDD(测试驱动开发)开发库功能12.5使用环境变量12.6将错误消息写入标准错误而不是标准输出创建项目~/rust➜cargonewminigrepCre......
  • Golang入门教程(一)GOPATH与工作空间(Windows)
    https://github.com/astaxie/build-web-application-with-golang/blob/master/zh/01.2.md Windows环境:下面我就以mymath为例来讲述如何编写应用包:cd$GOPATH/srcmkdirmymath//我的环境:$GOPATH=c:\mygo新建文件sqrt.go,内容如下://$GOPATH/src/mymath/sqrt.go源码如......
  • 微信小程序入门教程(一)API接口数据记录
    今天测试用小程序调用API接口,发现有些数据打印都是对象,怎么全部打印详细点来小程序代码:httpsearch:function(name,offset,type,cb){wx.request({url:'https://www.tinywan.com/api/wechat/songsSearch',data:{name:name,offset:o......
  • CMake 入门教程
     ......
  • VSCode中使用Git/git 代码管理
    1.在一个目录下clone项目:[email protected]:hemoumou-debug/libjpeg-turbo.git问题1:解决:需要从known_hosts文件中删除旧的github.comRSA密钥,然后将新的RSA密钥添加到文件中。您可以按照以下步骤操作:在文本编辑器中打开您的known_hosts文件。在Windows......