精华内容
下载资源
问答
  • 经过在网络搜索查找对比,发现Markdown对于博客的编写来说是比较友好的,接下来主要介绍一下自己摸索利用Visual Studio Code软件来使用Markdown编辑器的一些经验以及相关插件的安装配置。 一、Visual Studio Code...

    Visual Studio Code软件在博客中使用教程

    经过在网络搜索查找对比,发现Markdown对于博客的编写来说是比较友好的,接下来主要介绍一下自己摸索利用Visual Studio Code软件来使用Markdown编辑器的一些经验以及相关插件的安装配置。

    一、Visual Studio Code软件的简介

    Visual Studio Code是一个轻量但功能强大的源代码编辑器,可在桌面上运行,适用于Windows,macOS和Linux。它内置了对JavaScript,TypeScript和Node.js的支持,并具有丰富的其他语言(如C ++,C#,Java,Python,PHP,Go)和运行时(如.NET和Unity)的扩展生态系统。

    二、Visual Studio Code软件的安装步骤

    1.下载Visual Studio Code软件的安装包

    链接:安装Visual Studio Code软件
    在这里插入图片描述
    直接点击下载就可以。

    3.安装步骤

    下载完成后是 一个 exe安装程序,直接按照提示操作,安装在自己的昂装目录即可。安装完成之后会自动运行,首页 Welcome。
    在这里插入图片描述

    4.配置相关插件

    点击左下角的方块图标,可以管理和安装自己的插件,在其中搜索Chinese即可将该软件进行汉化。
    Chinese Language ----- 是软件的汉化插件
    Markdown PDF ------ 可以将我们md文件,导出为PDF文件
    在这里插入图片描述

    5.Markdown文本编辑和效果预览

    Visual Studio Code直接提供了Markdown软件的编辑和效果预览功能。

    在这里插入图片描述

    展开全文
  • 文章目录1. vscode 安装2. 1. vscode 安装 软件直接在vscode官网(https://code.visualstudio.com/)下载安装。 建议将下图红框中勾选,安装完成后可通过鼠标右键打开vscode。 安装界面 2.

    vscode 安装

    • 软件直接在vscode官网(https://code.visualstudio.com/)下载安装。
    • 建议将下图红框中勾选,安装完成后可通过鼠标右键打开vscode。

    在这里插入图片描述

    安装界面

    使用介绍

    插件安装

    在这里插入图片描述

    • 安装完成后,左侧栏可以看到不同模块,一开始包含资源管理,搜索栏,git,debug,插件模块。个别插件安装后会新增新模块,例如Remote-SSH。

    • 插件模块具有很多第三方开发的模块,极大方便vdcode的使用。

    • 根据个人熟悉的编程语言,选择对应的插件。本人目前用到的插件主要有:

      • Chinese (Simplified) Language Pack for Visual Studio Code:中文-软件语言包
      • python,jupyter,kite:python相关的插件
      • markdownlint,Markdown Preview Enhanced:markdown语法提示和预览,个人觉得比vscode自带的markdown好用
      • Power Mode:炫酷编码特效
      • Remote-SSH:远程登陆
    • 插件安装完成后,查看插件介绍及使用说明,个别插件需要手动设置,例如Power Mode。需要修改设置json文件。使用快捷键Ctrl+Shift+P,进入命令模式,输入settings.json,选择Open Settings(JSON)。输入对应的键值对即可。Power Mode为例:

    {
        "powermode.enabled": true              // 打开powermode
        "powermode.shakeIntensity": 0        // 关闭抖动效果
        "powermode.presets":"fireworks"     // 设置不同效果,不设定则默认   
    }
    

    在这里插入图片描述

    效果图(来自网络,侵删)

    登录vscode

    • vscode左下角有个登录选项,但这种登录不是直接注册登录,而是通过第三方账号登录,选择Turn on Settings Sync,命令框会提示登录并打开,点击后会让你选择GitHub账号或者Microsoft账号,选择先注册才能进行授权,本人使用的是GitHub,这里就用github来介绍。

    在这里插入图片描述

    登录界面
    • Github授权。点击使用GitHub账号登录后,会跳转到GitHub授权界面,同意并登录GitHub。完成后会提醒成功授权,之后会自动跳转会vscode,自动设定,如果不成功,根据提醒按步骤执行。

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

    Github授权vscode界面

    在这里插入图片描述

    Github跳转vscode提示授权修改
    • 报错:登录失败。
    • 解决:打开git,指定git存储库,启动存储库初始化。再重新授权登录即可。如果还未生效,可重启vscode。打开左下角,发现已经登录成功,git还可以将文件同步到GitHub。

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

    登录失败报错及解决

    修改终端

    • windows的cmd和PowerShell,个人觉得都不是很好用,所以本人另外安装了git,通过git在windows上使用比较舒服。vscode终端默认是系统自带的(bash, powershell),但也可以修改为其他的,如果安装了git,可以修改为git。
    • 直接选择Git Bash,会报错,无法自动写入设置,需要手动修改。跟之前一样,需要到settings.json文件中修改,添加"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"即可,路径修改为个人具体安装路径。

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

    Shell选择

    远程访问服务器

    • 远程访问,需要先安装Remote-SSH插件。会自动安装另一个插件Remote - SSH: Editing Configuration Files。
    • 访问步骤:
      1. 使用快捷键Ctrl+Shift+P,在命令框输入remote-ssh,选择connet to host。
      2. 输入user@host
      3. 选择服务器系统类型
      4. 输入服务器登录密码
      5. 完成登录。部分插件需要在服务器重新安装。

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

    访问服务器步骤

    • 报错1:ECDSA key fingerprint
    ECDSA key fingerprint is SHA**********************************.
    Are you sure you want to continue connecting (yes/no)? 
    
    • 解决1:因为使用remote-ssh登录时无法进行交互确认,所以会报错。只需要在vscode终端使用ssh登录且确认后,再使用remote-ssh进行登录,报错就解决。

    • 报错2:bad owner or permissions on .ssh/config

    • 原因:因为Remote-SSH连接服务器需要用到Remote - SSH: Editing Configuration Files插件,而这个插件编辑~/.ssh/config之后,config文件权限发生了更改。这是不仅vscode连接不了,系统powershell也连接不了(但是git可以连接,当时以为修改默认shell就能解决,结果还是不行,remote还是用powershell打开)。但是删除了config文件后,powershell就能正常运行ssh。

    • 解决2.1:重新修改权限

    chmod 600 ~/.ssh/config
    chown $USER ~/.ssh/config
    
    • 解决2.2: openssh辅助
    1. GitHub下载openssh-portable。
      git clone https://github.com/PowerShell/openssh-portable.git
    2. 下载后,powershell或git进入cd ./openssh-portable/contrib/win32/openssh,执行./FixUserFilePermissions.ps1 -Confirm:$false
    3. 如果报错:无法加载文件 FixUserFil ePermissions.ps1,因为在此系统上禁止运行脚本。则执行Set-ExecutionPolicy RemoteSigned,输入Y,重新执行步骤2,执行完成后,再次执行Set-ExecutionPolicy RemoteSigned,输入N
    4. 完成后,按照访问步骤连接服务器。

    参考资料

    [1]. https://zixizixi.cn/windows_vscode_ssh_error_bad-owner-or-permissions

    展开全文
  • 介绍Visual Studio(简称VS)是一个集成的开发环境,相对来说比较完整,它包括了整个软件生命周期中所需要的大部分工具,如UML工具、代码管控工具、集成开发环境(IDE)等等。 如果初学编程(控制台)用vs,


    前言


    提示:以下是本篇文章正文内容,下面案例可供参考

    一、visual studio是什么?

    介绍:Visual Studio(简称VS)是一个集成的开发环境,相对来说比较完整,它包括了整个软件生命周期中所需要的大部分工具,如UML工具、代码管控工具、集成开发环境(IDE)等等。

    如果初学编程(控制台)用vs,cocos2dx开发游戏也是用vs。

    1.visual studio导入字体

    首先下载好字体包后解压,里面有个ttf文件夹,Windows系统直接选中所有的字体右键点击安装就好了。安装好字体后建议重启下visual studio然后再进入顶部菜单栏中的工具中的设置选项。在点左侧的环境里面的字体与颜色。从里面选择安装好的字体样式点击重启就好了。

    二、visual studio code是什么?

    介绍:Visual studio Code(vs code)是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。

    软件跨平台支持 Win、Mac 以及 Linux。

    1.visual studio code导入字体。

    首先我们需要安装字体文件跟上面一样。安装ttf文件夹中的字体然后打开visual studio code左下角的设置按钮 在搜索框中输入font,然后在 font family中添加我们的字体名称 结尾是英文的逗号注意个格式。settings 中 Font Size 可以修改字体大小
    Font Ligatures 启用连字
    Font Size 控制字号
    Font Weight 控制字体粗细
    如下图所示:
    VSCode导入字体图示

    结束语

    好的 再见。送上一句话。人生的价值,应当看他贡献什么,而不应当看他取得什么。
    展开全文
  • 前言前几天在电脑上下载了一个开源项目,在通过Visual Studio Code浏览浏览该项目目录结构时,发现项目中有svg格式的文件,打开后只能看到一堆XML格式的内容,无法实时预览最后的显示效果。虽然可以另外通过浏览器...
    0c4f515771f9c40a8fc25934bff2bb86.png

    前言

    前几天在电脑上下载了一个开源项目,在通过Visual Studio Code浏览浏览该项目目录结构时,发现项目中有svg格式的文件,打开后只能看到一堆XML格式的内容,无法实时预览最后的显示效果。虽然可以另外通过浏览器软件(Firefox、Chrome等)来进行打开预览,但毕竟不太方便。于是就尝试着在Visual Studio Code 扩展查找一款能直接在编辑器中就能打开、预览、编辑svg文件的扩展。万能的Visual Studio Code 扩展果然是不负众望,有好些款基本符合需求的扩展(如:SVGSVG ViewerSvg PreviewSVG Editor等)。于是经对比(综合评级、下载量、更新频度和支持功能特性等因素)后选择了系统排序第一的SVG扩展。简单使用发现还不错,故在此向各位朋友们做个介绍分享。

    a5d80c36dfa99e369b3bc82cb4b4285c.png

    一、扩展简介

    SVG是一款强大的SVG语言支持扩展,能处理SVG所需的几乎所有功能:SVG编码、压缩、美化、预览多合一。

    e15bc0d4b046f0ff9878a394a9abb40e.png

    (1)扩展名称:SVG

    (2)扩展简述:SVG编码、压缩、美化、预览多合一

    (3)开发者: jock

    (4)最新版本: v1.3.8 (2020/08/01)

    (5)GitHub项目地址:https://github.com/lishu/vscode-svg2

    SVG(Scalable Vector Graphics,可缩放矢量图形)是一种基于XML的标记语言描述二维的矢量图形。SVG 是由 W3C 发布的一个基于文本的开放网络标准。SVG能够优雅而简洁地渲染不同大小的图形,并和CSS、DOM、JavaScript、SMIL等其他网络标准无缝衔接。本质上,SVG 相对于图像,就好比 HTML 相对于文本。

    SVG 图像及其相关行为被定义于XML文本文件之中,这意味着可以对它们进行搜索、索引、编写脚本以及压缩。此外,这也意味着可以使用任何文本编辑器和绘图软件来创建和编辑它们。

    和传统的点阵图像模式(如 JPEG 和 PNG)不同,SVG格式提供的是矢量图,这意味着它的图像能够被无限放大而不失真或降低质量,并且可以方便地修改内容。


    二、扩展安装

    Visual Studio Code 上安装 SVG 扩展非常简单,步骤如下:

    (1)打开 Visual Studio Code 软件,鼠标点击左侧的扩展图标(见标号1处)

    (2)在右侧出来的扩展: 商店下的搜索栏中输入“SVG”(见标号2处);

    (3)选择 SVG 扩展,点击右侧的Install按钮(见标号3处)进行扩展安装;

    (4)本扩展安装过程很快,安装完毕不用重启即可使用。

    55a4f10ded82e262e39f454826689cdd.png

    三、扩展使用简介

    安装完 SVG 扩展后,就可以在 Visual Studio Code中对svg文件进行相关操作了。

    3.1 打开/编辑SVG

    4218e3c7ff890bee0878d096683cd082.png

    3.2 预览SVG

    通过选择具体svg文件,然后鼠标右键弹出菜单窗口中,选择【预览 SVG】子菜单项后,就会在编辑器右侧新增一个预览窗口(如下图示),可以通过预览窗口上方的【Zoon In】或【Zoom Out】按钮进行缩放,可以点【100%】恢复原状。

    c553fca74e7e02a5610bb9df314c1e42.png

    3.3 导出png

    在预览窗口中还可以通过点击【Export PNG】按钮,弹出【另存为】对话框窗口,选择保存路径及文件名,点击【保存】按钮后,即可将svg格式文件导出为png格式文件。

    6468693512c5e58303859e6798e6d10e.png

    3.4 压缩SVG

    还可以通过选择具体svg文件(如:xcode.svg),然后通过鼠标右键在弹出菜单窗口中选择【压缩 SVG】子菜单项对现有svg文件进行压缩处理(通过从图像中删除所有不必要的代码,这将大大减少文件大小),压缩完成后会在当前位置生成一个xcode.min.svg文件。

    130c05d581b8ccef3e6681301095f9e1.png

    3.5 其他特性

    • 在编辑svg代码时,具有SVG全自动完成特性。
    16f6bfdeaf176f35636499b71e55e065.gif
    • 在查看/编辑svg代码时,支持文档符号树结构。
    b705d0c7bcdc6b4b8b240222e6dcffbe.png
    • 在查看/编辑svg代码时,支持MDN参考快速学习
    e72b6e843008fd49f6aca4f94050ac7e.gif
    • 在查看/编辑svg代码时,支持快速拾色器特性。
    20d19cf279f7017bb8e85e11c59c10e2.gif
    • 美化SVG

    使用SVGO进行格式化支持,可以美化SVG并对标签属性进行排序。SVGO是一组可以激活或取消激活的插件(此扩展程序中的大多数默认设置)。


    结束语

    Visual Studio Code 安装上这款 SVG 扩展后,就可以直接在编辑器中打开svg文件,然后进行预览、编辑、压缩、美化、导出png格式文件等操作了。希望介绍的这款扩展能对您有所帮助!

    如果这篇文章对您有所帮助,喜欢的话就点个赞加关注支持一下哈:)

    展开全文
  • Visual Studio Code 简介

    2018-03-29 15:55:00
    Visual Studio Code1、简单介绍:...软件跨平台支持 Win、Mac 以及 Linux,运行流畅 2、界面介绍:最左侧为快捷菜单 分别是资源管理器 查询 、Git 、调试、插件 3、下载地址:https://code.visualstudio.com/D...
  • 提到visual studio code,想必你也听说过visual studio(vs) 那就从查阅过的资料大致总结以下几点,关于这两个产品的区别: 首先总的来看,它们都是微软公司的产品 名字不一样当然会有不一样的用法或者解释 区别...
  • 最近开发vue,需要一款编辑器,经过筛选,选择了Visual Studio Code 理由如下: Microsoft 出品,品质有保障 支持多平台 Mac OS X、Windows和 Linux 免费,开源,轻量 公众号:代码集中营 每周分享技术文章、优质...
  • 文章目录概述软件汉化Settings快捷键扩展)DebugVersion ControlIntegrated TerminalVue历史版本1.44(March 2020) 工欲善其事,必先利其器。...Windows平台安装Visual Studio Code分以下版本: User Insta...
  • Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、Git 命令 ...
  • Visual Studio Code是微软发布的一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对...
  • 前言Visual Studio Code 已然成为目前非常受开发人员欢迎的一款代码编辑器。Visual Studio Code 为什么能这么流行? 我认为主要有以下三方面原因:首先其免费开源,有强大的社区开发团队对软件进行高频度升级维护;...
  • <div><p>Visual Studio Code (简称 VS Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器。在我看来它是「一款完美的编辑器」。 本文是有关 VS Code 的特性介绍与配置指南&#...
  • [TOC]vscode 安装软件直接在vscode官网(https://code.visualstudio.com/)下载安装。建议将下图红框中勾选,安装完成后可通过鼠标右键打开vscode。安装界面使用介绍插件安装 安装完成后,左侧栏可以看到不同模块,...
  • 提到visualstudiocode,想必你也听说过visualstudio(vs)  那就从查阅过的资料大致总结以下几点,关于这两个产品的区别:  首先总的来看,它们都是微软公司的产品  名字不一样当然会有不一样的用法或者解释 区别...
  • visual studio code 不过多介绍,此软件仅支持64linux操作系统,请知悉! 命令行安装 打开终端,使用下列命令,通过官方PPA来安装Ubuntu Make: sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make sudo apt...
  • [TOC]vscode 安装软件直接在vscode官网(https://code.visualstudio.com/)下载安装。建议将下图红框中勾选,安装完成后可通过鼠标右键打开vscode。安装界面使用介绍插件安装 安装完成后,左侧栏可以看到不同模块,...
  • Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。作为一个广泛使用的编辑器,它...
  • Visual Studio Code是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和...
  • 插件,亦成为 扩展。 使VSCode 如虎添翼。...相关文章推荐:Visual Studio Code(目录篇):如何熟练使用 Visual Studio Code目录 目录 文件图标 vscode-icons 暗色主题 One Dark Pro ​代码美化 Beautif...
  • ubuntu下载安装Visual Studio Code

    千次阅读 2017-04-06 10:02:51
    一直认为微软是闭环软件的...以下是它提供的Visual Studio Code的linux版本,正在实践中。 有篇文章介绍怎么命令行安装。 https://linux.cn/article-5423-1-rel.html 不过还有.deb安装方法,可以去官网下载安装包。 ...
  • Ubuntu16.04配置Visual Studio Code C++开发环境 一、安装Visual Studio Code及C++插件 1、Visual Studio Code 安装 前往官网https://code.visualstudio.com/下载deb软件包,下载成功收双击deb软件包即可通过...
  • Visual Studio Code,一款功能强大且轻巧的免费代码集成编辑器 软件下载地址: 链接: https://azure.microsoft.com/zh-cn/products/visual-studio-code/ 基本设置 安装中文包:在左栏的软件商店中搜索Chiese选择...
  • 到此这篇关于visual studio code 编译运行html css js文件的教程的文章就介绍到这了,更多相关visual studio code 运行html css js文件内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持...
  • Visual Studio Code 是微软出品的一款便捷且功能强大的轻量级代码编辑器,其功能和各种特性详见官网。 该软件安装后,默认的语言是英文,下面介绍其中文设置方法,进入正题: 1.点击图中“Extensions”图标。 2....
  • 本教程介绍如何在 Debian 系统上使用 apt 命令通过软件源安装 VS Code 代码编辑器。 前提条件 首先,确保你使用的帐号具有 sudo 权限,如果没有,查看教程如何创建sudo用户来创建。 在Debian上安装VS
  • 本教程介绍如何在 Debian 系统上使用 apt 命令通过软件源安装 VS Code 代码编辑器。 提要 如果遇到权限问题,在拒绝执行的命令前添加“sudo”前缀,回车后输入root用户的密码即可执行。 在Debian上安装VS Cod
  • Visual Studio Code(简称VS Code/VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展...
  • 官网:https://code.visualstudio.com/ ...(1)在 Visual Studio Code中 使用快捷键Ctrl+Shift+X 下载插件 在搜索框输入language (2)下载完成,点击右下角 Restart Windows ,重启软件(如下) ...
  • 本文介绍Visual Studio Code中PyQt扩展的配置及基本使用方法。PyQt工具简介Qt/PyQt中包括一系列的工具,其中:Qt Designer: 用即见即所得的方式设计图形界面,成果表现为扩展名为ui的文件。 可执行文件:designer ...

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 257
精华内容 102
关键字:

code软件介绍studiovisual