VSCODE - 技术教程文章
vscode 所需go包及其安装方式
go get -u -v github.com/tpng/gopkgsgo get -u -v github.com/lukehoban/go-find-referencesgo get -u -v github.com/ramya-rao-a/go-outlinego get -u -v github.com/acroca/go-symbolsgo get -u -v golang.org/x/tools/cmd/gurugo get -u -v golang.org/x/tools/cmd/gorenamego get -u -v github.com/josharian/implgo get -u -v github.com/rogpeppe/godefgo get -u -v github.com/sqs/goreturnsgo get -u -v github.com/golan...
半吊子菜鸟学Web开发6 -- Vscode开发环境配置【图】
1vscode上手一周不到,终于弄出点门路,终于弄清楚了点vscode的设置是什么样子的了....哭2就我这两天的使用来看,一般vscode默认只让打开一个文件夹,然后在你打开的文件夹里面自动生成一个.vscode的文件夹(隐藏的,正常是看不见的)3.vscode文件夹里面会生成两个文件一个是launch.json,这是用来调试的时候,记录你调试的配置一个是setting.json,这是用户设置,比如说你要设置字体大小啊之类之类的4我关于web开发的就主要使用js和php语言设...
【vscode插件开发】vscode->angular组件跳转、数据监听流程【图】
前言： 最近开发vscode的时候发现了一个很神奇的事情，vscode到angular的整个通信流程应该是 vscode请求数据-> 拿到数据发送给angular->angular监听数据并渲染页面，但是最神奇的事情来了！！！就是在我vscode像angular发送数据的时候数据竟然丢失了！！！！ 如图可以看到，我在向angular发送数据前的时候，workitem.priority里还是有值的，但是在angular刚监听的时候，message.data里的priority就为undefined了，令我百思不得...
VSCode——滚动鼠标控制字体大小【图】
第一步：找到设置文件——>首选项——>设置 第二步：打开settings.json文件 第三步：在settings.json文件中添加 "editor.mouseWheelZoom": true，如下： 第四步：保存！ 原文：https://www.cnblogs.com/zhangyh-blog/p/15093601.html
玩转Vscode-配置vue代码片段【代码】【图】
在vscode中使用 ctrl+shift+p 打开一个选项窗口，然后找到配置用户代码片段，点击进去，输入vue.json找到对应的配置文件点击进去，然后粘贴下面配置替换即可。{// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:// $1, $2...
vscode 中配置eslint格式化代码【代码】【图】
打开设置->设置 搜索 settings.json 编辑配置 //autoFixedOnSave 设置已废弃，采用如下新的设置"editor.codeActionsOnSave": {"source.fixAll.eslint": true},"eslint.format.enable": true,//autoFix默认开启，只需输入字符串数组即可"eslint.validate": ["javascript","vue","html"], 原文：https://www.cnblogs.com/yuwen1995/p/15163303.html
VScode中配置C++运行环境【代码】【图】
目录VScode中配置C++运行环境1. 哪些插件2. 配置开始3. 编写代码并运行VScode中配置C++运行环境关于安装mingw的教程，网络上已经有很多了，这里不再赘述，下面就看VScode中插件（plugin）的安装。1. 哪些插件 如图所示，第一个、第三个、第四个就是和运行有关的插件，先安装上。第五个就是在vscode中写markdown的插件，就是我正在写的，爱安装不安装。如图所示：2. 配置开始打开设置->扩展->Run Code Configuration，勾选Run in Te...
VScode 之快速创建vue模板【代码】
1. 插件库中搜索Vetur安装，识别vue文件2. 新建代码片段> 文件-->首选项-->用户代码片段-->点击新建代码片段--取名vue.json 确定3. 在json文件中添加自己的模板字段 {// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:// ...
VSCode配置TypeScript
网上教程一堆，记录下我认为的关键点：1.创建tsconfig.json，使用命令行在项目文件夹下输入“tsc --init”即可；2.创建tasks.json，在VSCode中，使用ctrl+shift+p打开命令板，然后输入configure task Runner，按回车选择typescript-tsconfig.json即可；3.执行tasks.json的命令，即把.ts编译为.js文件，按ctrl+shift+b可以执行该命令，如果报错，可以重启VSCode试试；原文：http://www.cnblogs.com/hammerc/p/7413228.html
VSCode 安装 code 命令【图】
VSCode 提供 code 命令直接从命令行中打开文件目录，此时需要先安装 code 命令。1、首先打开 VSCode2、使用 command + shift + p (注意window 下使用 ctrl + shift + p ) 然后搜索code，选择 install ‘code‘ command in path。 3、在命令行中运行 code [path] 打开文件目录原文：https://www.cnblogs.com/Zhangcsc/p/11362987.html
vscode 调试 react 项目【代码】
主要分为以下三个步骤安装 debug for chrome配置 launch.json 文件配置内容如下 {"version": "0.2.0","configurations": [{"type": "chrome","request": "launch","name": "Launch Chrome","url": "http://localhost:3000", // 改为目标 url"sourceMaps": true,"webRoot": "${workspaceFolder}","skipFiles": ["node_modules/**"],"sourceMapPathOverrides": {"webpack:///*": "${webRoot}/*"}}] }打断点，在 Debug 模块启动调试本...
Mac上利用VScode配置c/c++开发环境【代码】
Mac上利用VScode配置c/c++开发环境哭辽，Typora里面最好不要插入表情，不然保存会闪退首先你要有一个vscode在扩展里面下载c/c++第一步?+com+p 打开命令模式：选择c/c++： 编辑配置（edit configuration） 然后再自动生成的.vscode目录，打开c_cpp_properties.json。利用老哥的文件示例：{"configurations": [{"name": "Mac","includePath": ["${workspaceFolder}/**", "/Library/Developer/CommandLi...
通过修改workbench.desktop.main.css改变VSCode系统界面字体大小【图】
vscode的css样式表在 vscode安装目录/resources/app/out/vs/workbench/workbench.desktop.main.css 该文件被删掉了多余的空格，但是依然可以通过搜索一些关键字来定位一些组件的样式标签栏字体： 搜索monaco-workbench .part.editor>.content .editor-group-container>.title .title-label，一共有5个位置，其中一个后面有font-size,改其值，上图是18px系统界面和左侧： 搜索.monaco-workbench .part>.content，一共有4个位置，其中...
vscode配置c++开发环境【图】
插件列表与头文件路径问题 注：右边那个是c/c++ clang command adapter的，目前测试右边这个可配可不配，遇到问题再说原文：https://www.cnblogs.com/lishuaicq/p/12932242.html
搞定vscode编写java【图】
下载vscode：地址：https://code.visualstudio.com/ 安装插件我这里下载的是绿色版，所以解压后向桌面发送一个快捷方式找到VS Code 的快捷方式位置：右键属性 => 目标 =>"D:\VS code目录\code.exe" --extensions-dir "你放置的位置" . 我的是： --extensions-dir "D:\DevTools\vscode\extensions " .这样放置的插件将会在extensions你的自定义目录下进行安装 一般情况下安装第一个就行，如果你需要用vscode来开发 可以装maven等...
Visual Studio Code (vscode) 配置 C / C++ 环境【代码】【图】
Visual Studio Code (vscode) 配置 C / C++ 环境 昨天突发奇想，想使用vscode配置C++环境，因为不想下载 Dev OR codeblock，然后借助了很多网上教程，用了昨天整整一下午的时间最后终于成功了(哈哈哈哈哈……)。今天跟大家分享一下~~~ 因为还只是个编程小白，参考资料有点多 ↓ ↓ ↓ 官方文档 —— 参考配置过程CSDN原创文章 —— 参考主要配置过程知乎达人 —— 参考环境准备 ???...
VSCode: 提高工作效率的快捷键
说明：顺序代表使用的频率，也许随着对于快捷键的深入理解，这个顺序还会有变更。虽然有一些是辅助功能的快捷键，但是如果用的好的话也是会有奇效的。复制行：Shift + Alt + UpArrow / DownArrow 说明：复制当前行到上一行或下一行；如果选中区跨越多行，也可以将多行一起复制。在下面插入行：Ctrl + Enter 说明：即使光标在文本中央也可以；如果光标在行尾，直接回车就好了。在上面插入行：Ctrl + Shift + Enter 说明：即使光标在...
Windows下vscode编写python，FileNotFoundError: No such file or directory.
解决办法有两个:方法一：采用绝对路径方法二：用相对路径，在设置中找到如下图所示位置(execute) 勾选即可 文件--首选项 --设置 --搜索框里面可以直接搜索 execute原文：https://www.cnblogs.com/kangzai666/p/15201806.html
基于VSCode的JAVA编程语言的构建调试环境搭建指南【代码】【图】
一、安装JDK，并配置环境变量过程如下： 1.首先百度搜索“JDK下载”。 2.接着打开官网，下载好软件并开始安装。 3.安装完成之后 ，右键点击计算机属性，选择高级系统设置，点击“环境变量”。接着在弹出的界面中，点击“新建”按钮，填写变量名和变量值，最后点击“确定”保存即可。 验证，打开命令行窗口，输入 java -version，弹出以下版本信息则安装正确。 二、调试环境的搭建： 三、测试java代码1publiccl...
vscode的keybindings.json【代码】
keybingdings.jsonCtrl/Cmd+shift+*> Open keyboard shortcuts file 1[ 2 {"key":"ctrl+f", "command":"cursorRight", "when":"editorTextFocus"},3 {"key":"ctrl+b", "command":"cursorLeft", "when":"editorTextFocus"},4 {"key":"ctrl+n", "command":"cursorDown", "when":"editorTextFocus"},5 {"key":"ctrl+p", "command":"cursorUp", "when":"editorTextFocus"},6 {"key":"ctrl+a", ...
vscode 环境配置【代码】【图】
1、setting.json 配置{"editor.codeActionsOnSave": {"source.fixAll.eslint": true},"workbench.iconTheme": "vscode-icons","workbench.colorTheme": "Dracula Soft","gitlens.views.branches.branches.layout": "list" }2、插件 ※通过这些插件和配置 可以实现 vue项目根据本项目的ESLint 规则 自动保存和格式化。原文：https://www.cnblogs.com/qianqiang0703/p/14889071.html
VScode编译C，头文件显示not found的解决方法【图】
文件——首选项——设置——搜索“clang.diagnostic.enable"，然后把勾勾去掉就好了。这是插件C/C++ Clang Command Adapter的一个选项~~ 原文：https://www.cnblogs.com/dcy521/p/14128795.html
vscode常用快捷键
一、vs code 的常用快捷键列表1、注释： a) 单行注释：[ctrl+k,ctrl+c] 或 ctrl+/ b) 取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u) c) 多行注释：[alt+shift+A] d) 多行注释：/**2、移动行：alt+up/down3、显示/隐藏左侧目录栏 ctrl + b4、复制当前行：shift + alt +up/down5、删除当前行：shift + ctrl + k6、控制台终端显示与隐藏：ctrl + ~7、查找文件/安装vs code 插件地址：ctrl + p8、代码格式化：...
vscode调试HTML【图】
使用 live-server npm i -g live-server注：最好还是把live-server安装成全局，这样在使用时整个项目就是一个站点。 Ctrl+` 进入命令行终端 打开帮助提示：live-server -h 启动整个站点：live-server （可选参数） 原文：http://www.cnblogs.com/xbblogs/p/6188356.html
VSCode快捷键【代码】
本文参考于网络,并结合个人开发经验,具体内容以官方网站为准官方快捷键说明网址：Key Bindings for Visual Studio Code主命令框F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如：按一下 Backspace 会进入到 Ctrl+P 模式在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式在 Ctrl+P 窗口下还可以:直接输入文件名，跳转到文件? 列出当前可执行的动作! 显示 Errors或 Warnings，也可以 Ctrl+Shift+M: 跳转到...
vSCode打开文件老覆盖原窗口
https://segmentfault.com/q/1010000006131199?_ea=1023522 设置中搜preview，改为false原文：http://www.cnblogs.com/jetz/p/7091585.html
vscode【图】
原文：https://www.cnblogs.com/niehaidong111/p/11534188.html
VSCode的Markdown All in One插件，列表选项卡只有3个空格的解决方案【图】
Q：在win10中，列表选项卡只有3个空格，非列表是正常的4个空格：A：设置Markdown All in One的list.indentationSize：Thank You For yzhang-ghlink：https://github.com/yzhang-gh/vscode-markdown/issues/424原文：https://www.cnblogs.com/dotnetcrazy/p/10748165.html
vscode自定义常用快捷键
alt+a workbench.action.toggleSidebarVisibilityctrl+alt+t workbench.files.action.focusFilesExplorerctrl+alt+d workbench.action.closeFolderalt+l workbench.action.files.newFolderalt+s workbench.view.exploreralt+q workbench.action.toggleFullScreenalt+2 workbench.action.output.toggleOutputalt+e workbench.action.focusSideBaralt+x workbench.action.focusFirstEditorGroupctrl+w workbench.action.c...
VSCode常用插件之open in browser使用
更多VSCode插件使用请访问：VSCode常用插件汇总open in browser安装完这个插件就可以在编辑器菜单右键html，在默认浏览器打开了，高级使用暂未了解，请自行其它文章学习原文：https://www.cnblogs.com/jiaoshou/p/12004071.html