精华内容
参与话题
问答
  • 配置VScode c语言环境

    万次阅读 多人点赞 2018-08-03 07:16:51
    成成最近用到C语言了,之前比较喜欢用在vscode上面用python调试,今天我参考了一些文章,也尝试了下在vscode上配置c语言的调试,其中包含一些相关的基础知识。 1、在vscode里面下载c/c++官方插件: 2、安装c/c++...

    成成最近用到C语言了,之前比较喜欢用在vscode上面用python调试,今天我参考了一些文章,也尝试了下在vscode上配置c语言的调试,其中包含一些相关的基础知识。

    1、在vscode里面下载c/c++官方插件:
    插件
    2、安装c/c++编译器:
    在windows上借助MinGW工具安装,下载地址:[https://sourceforge.net/projects/mingw/]
    MinGW

    安装在d:\MinGW 下就好(自己新建一个文件夹),然后打开后这个样子:
    这里写图片描述

    在里面找到mingw32-gcc.bin, mingw32-gcc-g++.bin, 以及mingw32-gdb.bin 第一个是c语言文件的编译器,第二个是c++的,第三个是用来调试编译后文件的。
    然后点Installation->Apply all changes.

    然后安装好编译器,下面设置环境变量,让系统能够自动找到gcc命令,我的电脑右击->属性->高级系统设置->环境变量,在系统变量里面找到path,这个path和linux里面那个path是一样的,命令行界面下系统就根据这个path变量里面存的路径,寻找命令。我们把MinGW的二进制可执行文件的文件夹添加进去。
    环境变量

    这个时候我们打开命令行输入gcc,应该可以看到命令已经被识别,会出现参数不足等错误
    如果你有一个.c文件,可以在命令行下输入代码,对代码进行编译:
    比如我有一个c文件:

    #include <stdio.h>
    
    int main()
    {
        int n;
        printf("This is a test file!\r\nInput a number: ");
        scanf("%d",&n);
        printf("The number is %d",n);
        return 0;
    }

    然后在文件所在目录下的命令行中输入

    gcc -g test.c -o test.exe

    gcc 是编译命令,刚刚我们安装的,-g参数是表示编译时带上可调试记号,不然编译好的东西只能运行不能调试,-o 是表示指定输出文件,后面紧跟输出文件的名字,这一条指令就可以将c文件编译成一个可执行的二进制文件。
    然后可以在命令行下运行:

    ./test.exe

    如下图:
    这里写图片描述

    我们用vscode进行自动编译也是这个原理,其实所有的IDE都是这个原理。
    问题:如果没有配置系统环境变量会出现什么问题?

    3、配置vscode
    打开vscode载入刚刚的c文件,网上网友说编译c文件要打开文件所在的文件夹,我尝试了下,确实是这样的。如下图:
    这里写图片描述

    然后点调试,他会跳出一个launch.json的一个配置文件:
    修改这几个地方就好:
    这里写图片描述
    program一项,指明了需要运行的文件,$()的格式是表明这是变量,又vscode自己添加,根据英文可以知道这个变量的含义,miDebuggerPath是我们安装gdb的路径,前面提到过他,是用来调试的二进制文件(可执行二进制文件也叫命令)。preLauchTask是一个重点(敲黑板),我们这个配置的意思是用gdb去调试 program参数指定的二进制文件,但如果没有这个文件怎么办,结合之前的例子,我们知道我们可以调试运行的是gcc编译生成的二进制test.exe文件,但如果没有这个二进制文件,我们是不是应该先用gcc编译一个出来?preLaunchTask就是干这个的!

    生成tasks.json可以通过,菜单里的任务,然后配置任务,模板然后选other就可以,几个必须的配置项就像下面:
    这里写图片描述

    version不重要,跳过。command和args其实刚好拼成我们前面的命令:

    gcc -g xxx.c -o xxx.exe

    这就自动会生成我们要的exe文件了。然后我们再结合前面那个配置文件看一下:
    这里写图片描述
    假设我们编译test.c文件,则${file}就是test.c,然后先执行prelaunchTask,就相当于执行了

    gcc -g test.c -o test.exe

    由此生成了test.exe文件
    然后又要用gdb调试${fileBasenameNoExtension}.exe,刚好就是test.exe,这里的配置和刚刚的输出文件名要一致,相当于运行了:

    gdb test.exe

    这样就启动调试了。
    最后vscode里调试如下图:
    这里写图片描述

    展开全文
  • vscode安装使用教程

    万次阅读 多人点赞 2018-12-11 19:18:48
    一、什么是vscode** &nbsp;&nbsp;&nbsp;&nbsp;Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义...

    一、什么是vscode**

        Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。

    vscode 官网: https://code.visualstudio.com/

    二、Vscode版本

    当前最新版本 1.27 2018年8月
    版本列表:https://code.visualstudio.com/updates/v1_27

    三、Vscode下载

    下载地址:https://code.visualstudio.com/Download

    可下载.zip解压版,下载解压后即可使用。【其是用electron打包的】

    也可下载安装版可执行程序,安装后很多东西都不需要你自己配置了。

    四、汉化vscode

    按f1 搜索 Configore Display Language 设置 zh-cn 关闭软件重启。
    在这里插入图片描述

    注意:
    如果重启后还是英文的,那么在商店查看已安装的插件,把中文插件Chinese(simplified) 重新安装一遍,然后重启软件即可。

    在这里插入图片描述

    汉化成功:
    在这里插入图片描述

    五、几个常用命令说明

    在这里插入图片描述

    注意
    1.Ctrl+shift+F 在文件中查找,可以同时替换。还可以指定在什么文件中,同时指定要排除什么文件等。
    2. 通过快捷键Ctrl+`后可以将命令窗口打开在vscode中,使用起来就比较方便了。
    3.我们安装vscode后,可以直接在任意一个项目目录下,鼠标右键然后将这个项目在服务器上打开。(如果你已经有打开了一个窗口,那么他会打开一个新窗口)

    六、左边图标说明

    在这里插入图片描述

    七、基本使用

    1.直接拖入项目文件夹进入软件
        方式一: 拖入工作区(这样的话,会保留当前以及打开的项目文件夹)

        方式二: 拖入工作区右边的窗口,这样的话会让拖入的窗口覆盖掉原本以及打开的窗口
    (这时vscode会问你是否保存一个文件,用来保存原本工作区信息,以便下次打开此文件)

    备注:对于左侧的文件夹可以直接使用快捷键复制粘贴等。
    2.在vscode里面创建项目文件夹
    在这里插入图片描述

    3.格式化代码
    在代码里面右键菜单,会弹出相应的格式化等功能选项,也有定义引用查找等菜单。

    4.在浏览器中打开网页

    1.以file文件协议形式打开文件

    安装插件:Open HTML in Default Browser
    

    特点

    • 用默认浏览器打开 HTML 文件
    • 在资源管理器中,HTML 文件右键显示 在浏览器中打开 菜单
    • 在编辑器中,HTML 文件右键显示
    • 在浏览器中打开 菜单 可以同时打开多个页面

    我们在工作区项目上右键菜单就能看到在资源管理器中打开文件的选项

    2.以服务器形式打开文件
    方式一:
        安装live server 插件,点击重新加载或者重启vscode,然后鼠标右键就可以在服务器上打开,
    这种模式打开会自动刷新页面。
    方式二:
        1.按下快捷键:Ctrl+` 打开命令行终端,执行cnpm install live-server -g

        2.安装好后每次要运行只需要打开终端后执行一下live-server即可

        3.使用live-server是把整个网站打开到服务器上的。不管你当前定位到哪一个目录,他打开的都是默认的首页文件,如:index.html

        4.如果你根目录下全是文件夹,或者没有index.html等默认首页文件,那么服务器就会显示一些文件夹让你选择。
    如:
    在这里插入图片描述
        5.如果要关闭live-server那么只需要在控制台执行以下ctrl+c,然后输入y确认下即可关闭。
        6.Live-server可以在任意项目根目录下,打开终端窗口,然后输入live-server即可让当前项目在服务器上打开执行
        7.在以服务器打开的模式下,我们更改了文件内容后只要保存下,浏览器就会自动的刷新,而不需要我们显式的在浏览器里面刷新。
    方式三:
        也可以安装http server插件,安装完成后按下f1,然后输入http会看到下面两个选项,选择with current file那个能够创建一个服务器运行当前文件。另外一个会找当前目录下的index.html,然后打开它。
    在这里插入图片描述
    选择一个后,会再让你选择在浏览器里面打开还是vscode里面打开。

    其他
        你也可以全局安装此模块【cnpm install http-server -g 】
    安装到全局后:在终端里面输入hs就可以使用。

    八、插件安装

    安装与卸载

    • 安装: 在左边最下面是哪个图标点击搜索插件进行安装即可。
    • 卸载: 同样的地方找到插件,然后进行卸载即可。

        如果安装了某个插件后无法看到效果,那么请重启下vscode,或者重新加载
    常用插件:

    • HTML Boilerplate
          通过使用 HTML 模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html,选中html:5即可生成一个新的网页文件,也可以输入一个感叹号

    • browser-plus
      在编辑器内预览HTML
          通过开启端口(10086)监听当前打开项目的根目录,在编辑器内预览网站,省去了频繁切换浏览器、编辑器看页面效果,修改代码后自动刷新页面。
      使用方法
      Window Ctrl+F1 ,默认10086端口预览网页

    • CSS Peek
          使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。

    • Color Info
          这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。

    • Auto Close Tag
          自动闭合HTML/XML标签

    • Auto Rename Tag
          自动完成另一侧标签的同步修改

    • HTML Snippets
          智能提示HTML标签,以及标签含义JavaScript(ES6) code snippetsES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

    • Path Intellisense
          自动提示文件路径,支持各种快速引入文

    • jQuery Code Snippets
        jQuery代码智能提示

    • Icon Fonts
          这是一个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集,包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。

    自动编译less文件为css文件:
        安装插件 Easy LESS,保存自动编译,不需要配置(默认编译到当前目录下)
        如果需要编译为不同文件名的css文件,那么在less文件的最上面加上一行注释即可:// out: new-file.css

    展开全文
  • VSCode下载与安装

    万次阅读 多人点赞 2019-06-27 22:34:28
    (1)点击进入VSCode官网 点击Download for Windows 下载后安装 (2)配置中文插件: ctrl shift +p 输入:Configure Display Language 选择en 点击后会提示重启: 选择Restart重启后如下: 点击左边小方框 后输入...
    
    (1)点击进入
    

    VSCode官网
    点击Download for Windows
    在这里插入图片描述
    下载后安装

    (2)配置中文插件:

    ctrl shift +p
    输入:Configure Display Language
    在这里插入图片描述
    选择en
    在这里插入图片描述

    点击后会提示重启:
    在这里插入图片描述
    选择Restart重启后如下:
    点击左边小方框 后输入chinese,点击第一个install
    在这里插入图片描述
    之后提示yes就好啦:
    在这里插入图片描述

    (3)其他插件:

    ①Vetur —— 语法高亮、智能感知、Emmet等
    包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)
    ②EsLint —— 语法纠错
    ③open in browse——设置在网页中打开快捷键
    ④Live Server——一款可以在浏览器实时显示当前vscode代码的插件

    展开全文
  • VSCode 配置Java环境

    万次阅读 多人点赞 2019-03-09 20:49:31
    VSCode 配置Java环境 闲话少说,开始配置挚爱的 VSCode!!!第一步,安装VScode小插件第二步,简单写个测试代码然后进入 setting.json 替换以下代码第三步,配置 launch.json好了,到此完成,希望能帮到大家!!!...

    [点击这里转到Wondows配置java环境,配置完之后再到这个文章看VSCode配置](https://blog.csdn.net/weixin_43529904/article/details/88370720)

    闲话少说,开始配置挚爱的 VSCode!!!

    第一步,安装VScode小插件

    我装了三个,因为写Java更方便,第一个必须装
    在这里插入图片描述在这里插入图片描述在这里插入图片描述

    第二步,简单写个测试代码

    class first {
     public static void main(String[] args) {
            System.out.println("Hello");
        }
    }
    

    然后进入 setting.json 替换以下代码

    记住:路径一定要修改成电脑 JDK 安装路径,具体安装方法,点击这里

    setting.json 打开方式:
    在这里插入图片描述
    在这里插入图片描述

    {
      "terminal.integrated.shell.windows": "C:\\\\Windows\\\\System32\\\\cmd.exe",
      "files.autoSave": "afterDelay",
      "editor.fontSize": 16,
      "explorer.confirmDelete": false,
      "window.zoomLevel": 0,
      "editor.formatOnSave": true,
      "vetur.format.defaultFormatter.html": "js-beautify-html",
      "workbench.statusBar.visible": true,
      "workbench.activityBar.visible": true,
      "window.menuBarVisibility": "default",
      "workbench.sideBar.location": "left",
      "cmake.configureOnOpen": true,
      "explorer.confirmDragAndDrop": false,
      "java.jdt.ls.vmargs": "-noverify -Xmx1G -XX:+UseG1GC -XX:+UseStringDeduplication -javaagent:\"C:\\Users\\wmy\\.vscode\\extensions\\gabrielbb.vscode-lombok-0.9.7/server/lombok.jar\" -Xbootclasspath/a:\"C:\\Users\\wmy\\.vscode\\extensions\\gabrielbb.vscode-lombok-0.9.7/server/lombok.jar\"",
      "java.configuration.maven.userSettings": "E:/apache-maven-3.6.0/conf/settings.xml",
      "java.home": "C:/Program Files/Java/jdk1.8.0_201",
      "maven.executable.path": "E:/apache-maven-3.6.0/bin/mvn",
      "maven.terminal.customEnv": [
        {
          "environmentVariable": "JAVA_HOME",
          "value": "C:/Program Files/Java/jdk1.8.0_201"
        }
      ],
      "editor.suggestSelection": "first",
      "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue"
    }
    
    

    第三步,配置 launch.json

    launch.json 打开方式:
    在这里插入图片描述

    {
      "configurations": [
        {
          "type": "java",
          "name": "CodeLens (Launch) - first",
          "request": "launch",
          "console": "externalTerminal", //没有这句话,vscode配置之后 console不能输入
          "mainClass": "first"
        }
      ]
    }
    
    

    好了,到此完成,希望能帮到大家!!!有问题可以留言共同探讨哦!!!

    展开全文
  • VSCODE 打造完美java开发环境

    万次阅读 多人点赞 2018-01-23 11:56:58
    vscode Java 开发环境配置 (此博客已更新, 之前的排版不利于阅读) 使用vscode后,你可能无法忍受 eclipse :) 最后更新时间: 2018-07-01 (博客地址) 系统需安装jdk1.8,配置好环境变量JAVA_HOME 打开vscode,...
  • VSCode详细使用教程

    万次阅读 多人点赞 2019-09-05 03:16:53
    VSCode(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具。 1.VSCode下载 VSCode下载链接: https://code.visualstudio.com/ 2.VSCode汉化 3...
  • ![图片说明](https://img-ask.csdn.net/upload/202002/11/1581390447_103947.png)![图片说明]... 我已经安装完Python了,但是在vscode命令里面选择Python解释器的时候却搜索不到Python。
  • VSCode配置Python开发环境!

    千次阅读 多人点赞 2019-10-09 14:38:28
    VsCode系列:VSCode配置Python开发环境! 今天博主跟大家聊一聊如何使用VsCode系列:VSCode配置Python开发环境!不喜勿喷,如有建议欢迎补充、讨论! 关于安装和汉化可以观看博主的这篇文章《下载安装及汉化 》以及...
  • vscode配置python本地环境

    千次阅读 2019-11-04 21:44:28
    记录一下vscode运行python文件,配置python环境 1、安装python插件 2、随便新建一个python文件 3、添加python配置文件launch.json 4、添加用户设置 点击File->Prefrences->Settings,然后点击右上角...
  • vscode 中使用 Git :拉取、提交、克隆

    万次阅读 多人点赞 2018-11-13 16:53:15
    PS:转载此文后,网友在评论中提到还有其它方法,不过目前个人尚在研究中,有兴趣的朋友们也可自行一探究竟 ... ------------------------------------------------------------------------- ...
  • VScode 全局搜索功能

    万次阅读 2018-05-23 10:06:20
    最近知道到VScode这个软件,开始试用,总体感觉很不错,就是不能全局搜索,经过了解,是我的配置问题,上网找到了一个解决办法, 在配置文件添加: “search.exclude”: { “system/”: true, “!/system/*/....
  • 如何在vscode中运行html代码

    千次阅读 2019-10-13 17:13:26
    如何在vscode中运行html代码: 点击vsCode软件左边的扩展功能键,点击open in browser的install按钮,之后鼠标右键就出现了open in default browser键,点击即可运行vscode中所写的html代码,F12看控制台打印信息。 ...
  • VSCode设置中文语言显示

    万次阅读 多人点赞 2018-09-10 14:46:42
    Vscode是一款开源的跨平台编辑器。默认情况下,vscode使用的语言为英文(us),如何将其显示语言修改成中文了? 1)打开vscode工具; 2)使用快捷键组合【Ctrl+Shift+p】,在搜索框中输入“configure display ...
  • ubuntu安装vscode的两种方法

    万次阅读 多人点赞 2019-02-23 14:19:54
    方法一: 依次输入如下命令 1、sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make 2、sudo apt-get update 3、sudo apt-get install ubuntu-make 4、umake ide visual-studio-code 提示输入a即可 ...
  • 前端开发工具vscode安装教程(windows) 一、下载 下载地址:https://code.visualstudio.com/Download 二、安装 解压下载的压缩包 运行code.exe 三、插件 vscode相关插件可以从 ...
  • VSCode设置网页代码实时预览

    万次阅读 多人点赞 2018-10-14 21:39:32
    1.VSCode作为一款很不错的开发软件,相比DW更小巧,用来测试前端特别不错,那么我们平时开发网页发现只有写完代码,然后保存,接下来到浏览器中刷新查看效果,然后不停重复,我们发现很多时间就这样浪费到了这三个...
  • vscode配置

    千次阅读 2019-03-18 20:01:53
    VSCode 同步设置及扩展插件 实现设备上设置统一 准备工作:电脑上需安装VSCode,拥有一个github账户。实现同步的功能主要依赖于VSCode插件 “Settings Sync” Setting Sync 可同步包含的所有扩展和完整的用户文件夹 ...
  • vscode 前端常用插件推荐

    万次阅读 多人点赞 2019-01-07 00:09:49
    1. vscode 简介 vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器。 当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种。 比...
  • VSCode配置Python开发环境

    万次阅读 多人点赞 2018-08-10 01:16:07
    后来发现vscode这个软件,觉得很轻便,而且和之前使用的vs2018风格一样。 在这里对vscode配置Python开发环境做一下记录。 步骤1:安装Python 安装Python的教程网上有很多。直接到官网下载安装就行。 下载链接:...
  • VsCode插件整理

    万次阅读 多人点赞 2016-11-14 15:12:50
    1.VsCode官方插件地址: http://code.visualstudio.com/docs 2.使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件 添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的...
  • VSCode配置启动Vue项目

    万次阅读 多人点赞 2018-03-30 11:04:07
    下载安装并配置VSCode 随便百度上搜个最新的VSCode安装好后,点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展,这里要安装两个插件。 1、vetur插件的安装 该插件是vue文件基本语法的高亮插件,在插件窗口中输入...
  • Python+VSCode IDE 快速开发配置

    千人学习 2020-03-24 12:16:42
    本套课程系大喵在**2020年****录制课程,大喵将带着大家使用vscode这款轻量级编辑器神器,快速上手Python高效开发、调试及单元测试的插件扩展和 VSCode IDE环境配置; 什么是 vscode 编辑器? ...
  • 良心的vscode主题推荐

    万次阅读 2019-09-17 20:31:06
    良心的vscode主题推荐 AS Roma Dark Cobalt Dark Purple hein Hispter vue theme
  • Mac,VSCode编写Python代码示例

    千次阅读 2019-02-20 13:37:06
    Mac,VSCode编写Python代码示例  之前写Python代码一直用的是Pycharm,后来发现VSCode更加直(jian)观(dan)简(cu)洁(bao) ,于是赶紧在官网下载好VSCode试了一把。 1、新建一个项目文件夹 如下图,文件夹名称为...
  • VSCode编译、调试Python(Python in VSCode)

    万次阅读 2018-10-02 10:41:07
    VSCode是微软开发的轻量级编辑器,加装扩展程序后,可以用来编译、调试程序,十分方便. VScode 个人觉得VSCode的优点主要有: 轻量级,相较于VS Studio,VSCode要小地多 跨平台,VSCode在Windows, MacOS和Linux上均...
  • vscode 配置C语言编译环境(完美版)

    万次阅读 多人点赞 2019-03-14 00:40:54
    vscode c语言的环境配置 使用MinGW-W64 GCC-8.1.0编译器默认安装目录的配置文件 MinGW-W64 GCC下载地址:...
  • VScode注释与取消注释快捷键

    万次阅读 多人点赞 2018-09-05 10:05:24
    注释 CTRL+K+C 取消注释 CTRL+K+U
  • vscode中配置C语言环境

    万次阅读 多人点赞 2019-01-05 21:40:44
    1、安装vscode 下载地址:https://code.visualstudio.com/  2、安装c/c++扩展 3、安装编译环境mingw-w64 下载地址:http://www.mingw-w64.org/doku.php/download 配置环境变量,以WIN10为例 ,此电脑-属性-...
  • VScode连接远程服务器--亲测有效

    万次阅读 2018-09-15 16:34:05
    这段时间想用vscode直接连接修改服务器上的文件,看了好些博客,感觉写的太乱,自己就把过程整理了下。 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;首先,要登录到的服务器上去(默认已经把...
  • VSCode——修改VSCode背景图片

    万次阅读 多人点赞 2018-11-27 14:23:10
    1.以管理员身份运行VS Code,安装background插件 2.打开设置,在搜索框中输入background,选择扩展中的plugin background,选择在setting.json中编辑 3.在用户设置中输入以下代码,修改完后按Ctrl+S... ... "upd...

空空如也

1 2 3 4 5 ... 20
收藏数 53,023
精华内容 21,209
关键字:

vscode