VSCODE - 技术教程文章

VSCode 常用快捷键 Mac

一.删除整行:command+shift+k 二.删除所有空行: 1.输入Command + Option + F打开替换栏 2.输入正则匹配:^\s*(?=\r?$)\n 3.选择全部替换为空基本 Command + X 剪切(未选中文本的情况下,剪切光标所在行) Command + C 复制(未选中文本的情况下,复制光标所在行) Option + Up 向上移动行 Option + Down 向下移动行 Option + Shift + Up 向上复制行 Option + Shift + Down 向下复制行 Command + Shift + K 删除行 Command + Ent...

Typescript环境配置 (vscode)【代码】

typescript环境配置安装node, 安装cnpm安装typescript, ts-nodecnpm install -g typescript cnpm install -g ts-node 用vscode打开项目文件夹tsc -init 生成一个tsconfig.json文件 文件如下:{"compilerOptions": {/* Visit https://aka.ms/tsconfig.json to read more about this file *//* Basic Options */// "incremental": true, /* Enable incremental compilation */"target": "es5", ...

vscode Cannot edit in read-only editor.【图】

原因使用了runcode插件这个错误一般出现在使用命令行输入的时候出现。但是output页面是只读的,只能输出,不能用来输入。解决解放方法是,将run code设置为在Teminal中运行:File -> Preferences -> Settings找到run code in terminal设置,打上√原文:https://www.cnblogs.com/heenhui2016/p/10957568.html

VSCode安装、配置【图】

VSCode下载官网:https://code.visualstudio.com/ 安装完成后,开始安装便携插件:安装后尝试安装中文语言包(插件里搜索) 尝试更换主题将一个目录违项目目录创建一个新网页进行测试 安装live server插件:修改代码和网页变化同步插件 设置自动保存代码,设置--Files:Auto Save-- off修改为afterDelay 原文:https://www.cnblogs.com/xzl-1/p/14965587.html

CentOS VSCode调试go语言出现:exec: "gcc": executable file not found in PATH【代码】

CentOS VSCode调试go语言出现:exec: "gcc": executable file not found in PATH 解决方案:执行如下命令安装GCC,然后重新启动VSCode即可sudoyuminstallgcc #安装GCC [fengxm@centos7-feng ~]$ whichgcc /usr/bin/gcc #验证安装完毕 CentOS VSCode调试go语言出现:exec: "gcc": executable file not found in PATH原文:https://www.cnblogs.com/fengxm/p/9907589.html

VSCode搭建简单的Vue前端项目【代码】【图】

技术基础开发之前,请先熟悉下面的4个文档vue.js, 优秀的JS框架vue-router, vue.js 配套路由vuex,vue.js 应用状态管理库AntDesign,蚂蚁金服提供的组件库开发环境Node JS(npm)Visual Studio Code(前端IDE)安装Visual Studio Code下载地址: 官网下载地址Visual Studio Code 是一款非常优秀的开源编辑器,非常适合作为前端IDE, 根据自己的系统下载相应的版本进行安装。更多 VS Code 教程可以参考以下资料官网文档:https://cod...

vscode 无法识别装饰器的@符

在react项目中使用装饰器,vscode却无法识别@符,但是在服务器端仍然可以运行解决办法:菜单 文件->首选项->设置,用户设置中设置(勾选): "problems.decorations.enabled": false, "javascript.implicitProjectConfig.experimentalDecorators": true原文:https://www.cnblogs.com/Breeze-510/p/11961786.html

Spring-boot的vscode配置

Spring-boot的vscode配置软件架构课上老师要求看B站的一个网课,貌似是南开大学的软件架构课程,讲课老师用springboot这个框架来演示基于构建的开发,其中需要用到vscode工具,配置了一晚上终于搞明白了,下面总结一下自己的过程1.JAVA环境配置java环境配置主要参考的这篇博客:java在vscode中配置cmd命令行中输如 java -version来查看jdk版本,jdk安装位置在环境变量中配置两个变量变量名:JAVA_HOME变量值:C:\Program Files (x8...

vscode-setting.json配置【代码】

1{ 2 "window.zoomLevel": 1, 3 "git.ignoreMissingGitWarning": true, // 忽略“缺失git”的警告 4 "files.autoSave": "onFocusChange", // 离开页面自动保存 5 "workbench.colorTheme": "Default Light+", // 配色 6 "editor.tabSize": 2, // 缩进,tab格数 7 "editor.fontSize": 14, // 字号 8 // 文本头 9 "fileheader.Author": "@Guojufeng",10 "fileheader.LastModifiedBy": "@Guojufeng",11 // 快捷浏览html页面1...

01-eslint/vetur/preitter/vscode配置【代码】

前言:大多数人一说起eslint是做语法规则校验的,prettier是代码格式化的,vetur是负责.vue文件的语法高亮,格式化等等,好像都知道哦,但是经不起细问,就好像又不明白了。包括网上一搜,各种配置一大堆,乱七八糟,根本没有一个线性梳理,真是让人头大。平时我们都是去复制别人的就得过且过的用着了,算了不说废话了~让我带你来梳理一下这三个到底怎么配合使用吧!首先,分为两个部分:第一:vscode插件工具类的eslint和prettit...

vscode下搭建SSM环境

1.vscode下载插件 Debuggr for Java Java Code Generators Java Extension Pack Java Language Support Java Test Runner Language Support for Java(TM) RedHat Lombok Annotation Support Maven for Java Project Manager for Java Tomcat for Java Visual Studio IntelliCode 2.配置maven 下载maven后,设置settings.xml里的镜像和本地仓库 在vscode中,file》首选项》设置 搜索java.configuration.maven设置settings.xml的路径...

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...