Extension Manifest 就像 chrome 插件使用 manifest.json 来管理插件的配置一样,vscode 的插件也有一个 manifest,而且就叫 package.json,在这里,我们可以除了可以配置插件的名字,版本号,icon 外,还可以配置插件提供哪些功能,乃至发布所需要的信息.所有字段可以查看 官方文档,本文只谈其中几个与开发发布相关的字段. Activation Events Activation Events 是 package.json 里的一个字段,决…

第一页 第二页 第三页 settings.json配置 { "editor.fontSize": 20, "files.autoSave": "off", "editor.formatOnSave": true, "editor.renderWhitespace": "all", "editor.tabSize": 2, "[html]": { &…

setting sync 保存配置 由于公司和家里都使用 VSCode 作为主要编辑器,同步配置是最紧要的.VSCode 提供了setting sync插件,很方便我们同步插件配置.引用网上教程: 在左侧的 sidebar 选中最后一个,搜索 Sync,不出意外,你会从前几个中找到下载量很高的那个 Settings Sync: 安装后,摁下 Ctrl + Shift + P 打开控制面板,搜索 Sync,选择 update/upload 可以上传你的配置,选择 Download 会下载远程配置:…

以下是我经常用到的VScode插件.由于插件本身具有详细的配置和介绍,不对插件本身的安装配置进行说明,仅仅支出这些插件的主要功能.具体使用强烈推荐看一下安装插件后的说明,大多数的问题和设置都可以找到,不要因为是英文就直接上网搜索. C++类 这两款插件可以使得C++的编写变得更加容易.具有强大的自动补全功能.有关C++的具体配置下文会有具体讲解. 美化 主题和图标我推荐使用以下两个插件.第一个Material Theme插件主要是改变背景颜色.代码高亮和字体.第二款图标插件可以使得文件结构更加清…

lit-html 下载量:3 万 在 JavaScript/TypeScript 的文件中,如果有使用到 HTML 标记,lit-html 提供语法高亮和相应的补全支持. Git History 下载量:332 万 用来查看 git log 或则一个文件的 git 历史,比较不同的分支,commits. npm 下载量:119万 npm插件可以检查package.json中所定义的npm模块与实际安装的npm模块是否一致: package.json中定义了,但是实际未安装 package.jso…

问题描述 使用vscode开发vue项目的时候,从远端拉下一个新的项目后,安装完依赖后跑起项目时,发现直接报了一堆语法错误:包括换行.空格.单双引号.分号等各种格式问题 因为我的 vscode 安装使用 vetur 插件,它默认使用的是 prettier 来格式化代码,从而在拉下代码时,直接格式化了我的代码 分析 这时首先想到的处理办法,是把 webpack 中 eslint 的相关配置关闭,这时,随然报错不见了,但问题并没有解决 这个项目是多人开发,如果我不设置 eslint 检测,那么对其它…

https://segmentfault.com/a/1190000013612471?utm_source=tag-newest https://ohmyz.sh/ 一:安装iTerm2终端 https://www.iterm2.com/downloads.html 1:查看当前的shell环境 echo $SHELL 2: 查看系统自带哪些shell cat /etc/shells 3:切换Zsh shell chsh -s /bin/zsh # Mac如下 # 在 /etc/shells…

vscode中配置php的xdebug vscode配置php的xdebug,步骤如下: 1. 安装phpdebug插件: PHP Debug 2.网上下载php的xdebug扩展(注意根据自己的php版本号进行下载) 我自己php版本: 5.6.25 下载的xdebug版本:5.6 保存在 .../ext/ 目录下 3.配置php.ini文件(此文件是apache中的,非php中的) ; XDEBUG Extension [xdebug] zend_extension ="D:/wamp/bi…

  精选!15 个必备的 VSCode 插件(前端类)   就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件.为了帮助大家挑选出值得下载的插件,我们针对性的收集了一些实用.有趣的插件与大家分享. 1. Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项,以及在客户端(Firefox,Chrome,IE)中打开命令面板选项. 插件地址:[传送门] 2. Quo…

C/C++  [ms-vscode.cpptolls]    智能推导,调试和代码浏览 C/C++ Clang Command Adapter [mitaki28.vscode-clang]   使用Clang的命令来分析C/C++/Object-C的代码诊断,还有代码补全. C/C++ Snippets [hars.cppsnippets]  有用的C/C++代码片断,节省时间 C++ Algorithm Mnemonics [davidbroetje.algorithm-mnemonics-…

在VSCode中配置Eslint 格式化时使代码保持Eslint语法规范 安装Eslint以及prettier美化插件 在VSCode配置设置项中添加如下代码 { "workbench.colorTheme": "Material Theme", "search.followSymlinks": false, "editor.fontSize": 18, "workbench.iconTheme": &qu…

Vscode插件 通用插件 Chinese 配置中文界面 HTML Snippets H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试 jQuery Code Snippets vscode-icon 让 vscode 资源树目录加上图标 Path Intellisense 路径自动补…

VSCode插件整理 VSCode插件整理 官网地址 vscode常用配置(User Settings文件) 基本插件 前端插件 VUE部分 python MarkDown部分 连接Linux 本地与博客园xmlrpc插件 官网地址 官网地址 vscode常用配置(User Settings文件) { "workbench.iconTheme": "vscode-icons",//图表主题 "editor.wordWrap": "on&…

前言 每当更换电脑就要从新搭建一遍开发环境... 每当拉完最新代码程序在本地跑不起来的时候就要检查服务器和开发电脑的环境... 每当服务器上出Bug的时候就想如果可以能够调试服务器代码多好啊.. 你是不是早就受够了vim这个煞笔编辑器... 现在最火的是云原生应用,什么时候才能云开发啊? 来了来了它真的来了!!! 北京时间2019年5月3日,在 PyCon 2019 大会上,微软发布了 VS Code Remote,开启了远程开发的新时代!这次发布包含了三款核心的全新插件,它们可以帮助开发者在容…

1.在插件tab搜索background 2.打开vscode的配置页 { "background.useDefault": false, "background.customImages": [ "D:/美图/6.jpg", "D:/美图/3.jpg", "D:/美图/6.jpg" ], "background.style": { "content": "…

概述 本文旨在介绍免安装方式,在VSCode中搭建Python(3.73)的配置环境.至于Python是什么.它能做些什么,诸如此类的介绍均不在此文中介绍,相信能看此文的人,多多少少都会有些了解. VSCode 是款十分轻便的IDE,在用它开发 nodejs 项目时,开发体验十分不错,因此就想用它来替代 PyCharm IDE 来编写 Python 脚本. 注:虽说 PyCharm 强大,但毕竟笨重又收费,最最最主要的是本人喜欢系统干净的系统环境,对于能免安装的工具一律优先考虑免安装.因此经过一…

原文地址:https://github.com/xieqingtian/blog/issues/2 由于本人主要是做react开发,用的代码编辑器是传说中的宇宙第一前端神器vscode, 所以在这里记录并推荐一些本人开发过程中常用的一些vscode插件帮助开发. 1. 代码提示类插件 1.1 Reactjs code snippets 1.2 React Redux ES6 Snippets 1.3 React-Native/React/Redux snippets for es6/es7 1.…

go语言开发,选择vscode作为IDE工具也是一个不错的选择,毕竟goland收费,老是破解也挺麻烦,除了这点,不过说实话挺好用的.vscode的话相对来说就毕竟原始,适合初学者. 1.vscode首先需要安装go语言插件,在vscode扩展中搜索“go”,如下图,下载安装go插件 2.vscode环境配置 打开vscode设置,菜单File -> Preferences -> Settings,Extensions=>Go configuration找到GoPath设置项,选择Edi…

autoCommit 一个用于Git自动commit的VSCode插件,它可以用来补充之前忘记提交commit,帮助你把首页的绿色格子填满. 使用效果 使用本插件来控制commit次数. 如下图,你甚至可以规划一下commit次数,然后画出图形, 天空才是你的极限. 功能特性 选择多个日期范围:一次操作即可提交不同日期commit 控制每个日期的commit次数: 可以用它来控制绿色格子的颜色,了解commit次数与颜色 随机commit次数:随机commit次数让我们的提交看起来更加逼真. 取…

文章每周持续更新,原创不易,「三连」让更多人看到是对我最大的肯定.可以微信搜索公众号「 后端技术学堂 」第一时间阅读(一般比博客早更新一到两篇) 大家好我是lemon, 马上进入我们今天的主题吧. 又见VsCode Visual Studio Code(简称VS Code)是一个由微软开发,同时支持Windows .Linux 和 macOS 等操作系统的免费代码编辑器,在2019年的Stack Overflow组织的开发者调研中,VS Code被认为是最受开发者欢迎的开发环境. 之前写过一篇文…

vscode如何配置c/c++环境 下载 Mingw 参考链接:https://blog.csdn.net/jiqiren_dasheng/article/details/103775488 笔者下载的x86_64-8.1.0-release-win32-sjlj离线包存放在百度网盘,需要的读者可以前往取用. 链接:https://pan.baidu.com/s/17hp8J_VDJwc9HjuocPBn4A 提取码:ulaj 下载VS Code,官网下载地址,Github托管地址: 安装 安装…

当你点进来的时候 ,你可能是被标题吸引进来的,也有可能是 偶然间,看到的,首先恭喜你,已经准备好向全栈开发工程师靠近 ,那我们不说废话,直接开始,咱们先从安装步骤开始讲起 ,因为有些人连插件在哪都不知道 记得点关注哦 !防止迷路 VSCODE 插件安装步骤 : 这里我们开始以 VSCode Icons.为例,有点基础的,麻烦跳过..... 一.安装拓展 拓展插件如上图所示. 首先VScode 打开之后是这样的 然后我们点击 这里 要是上面这里你都找不到的话,大哥你退圈把,不适合做程序员 哈哈 安…

目录 VScode中配置C++运行环境 1. 哪些插件 2. 配置开始 3. 编写代码并运行 VScode中配置C++运行环境 关于安装mingw的教程,网络上已经有很多了,这里不再赘述,下面就看VScode中插件(plugin)的安装. 1. 哪些插件 如图所示,第一个.第三个.第四个就是和运行有关的插件,先安装上.第五个就是在vscode中写markdown的插件,就是我正在写的,爱安装不安装.如图所示: 2. 配置开始 打开设置->扩展->Run Code Configuration,勾…

1.先在VSCode上面安装插件:Live Sass Compiler 2.创建好scss文件夹文件和css文件夹 3.然后在VSCode的控制台上打开Live sass watching模式(控制台的打开方式为:Ctrl+Shift+p)就可以编译scss代码了,开启sass watching之后可以实时更新css文件 4.最后在VSCode的配置里修改css文件的输出目录 配置css文件的输出目录 先在设置里面找到liveSassCompile.settings.formats修改里面的默认…

vscode插件(摸鱼神器-小霸王游戏机 步骤 vscode扩展搜索小霸王,点击下载即可. 使用 默认有一个demo小游戏,即超级玛丽. 本地仓库 可以通过local菜单上的添加按钮添加本地nes rom文件.添加完毕后,会在local列表显示,点击即可开始游戏. 本地仓库列表还支持 右键菜单 改名,删除功能 远程仓库 选择想要玩的游戏,右键菜单下载.下载完成后,会加载到local菜单.点击即可完. 远程仓库通过github维护,会不定时的更新一些新的游戏.可以通过remote上的refresh…

Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要.这里有 30 个最受欢迎的 VSCode 插件,它们将使你成为更高效的搬砖摸鱼大师.这些插件主要适用于前端开发人员,但也有一些通用插件也可以适用于任何开发环境.以下是我将介绍的 VSCode 插件: Settings Sync Live Server Remote SSH Prettier Bracket Pair Colorizer Auto Rename Tag GitLens Git History CS…

最近在使用ts,发觉tslint在vscode上使用很不方便,不如eslint一键格式化高效,就想着能不能配置下vscode让其像写js一样爽 这篇文章主要解决2个问题,第一个是如何让vscode使用ts的lint,第二个是如何配置才能让eslint和prettier这2个代码格式化的vscode插件不互相冲突 vscode使用ts的lint 首先ts的lint已经不用tslint了,这个东东官方已经说不维护了,转过来做了个typescript-eslint这个eslint的插件 官方文档 ht…

需求来源 vscode插件修改代码要怎样重新编译并安装到vscode中? 起源于我使用一个vscode插件,它可以在vscode中发布文章到知乎上,然后我修改了插件的部分源代码,希望在vscode中安装我修改后的版本,今天花了1个多小时解决了我自己的这个需求,这里记录一下笔记,本篇的方法同样适用于修改和编译vscode的任意插件. 安装依赖 vscode是使用typescript开发,需要安装nodejs,建议把npm的源切到国内:npm config set registry https://…

一.前言 VSCode是微软家一个非常轻量化的编辑器,体量虽轻,但是却有异常强大的功能.原因在于VSCode许多强大功能都是基于插件实现的,IDE只提供一个最基本的框架和基本功能,我们需要使用插件来丰富和扩展它的功能. 由于插件的重要作用,现在VSCode的插件社区规模已经非常可观我们平时常用的大部分开发小工具都可以在这个应用市场中找到. 打开VScode后,界面左边是应用市场的入口, 在这里可以搜索我们需要的插件. 但是我们的需求总是复杂多变的,总有一些场景是现有的插件无法满足,这时候就需要我…

提到脚手架,大家想到的可能就是各种 xxx-cli,本文介绍的是另一种方式:以 vscode 插件的形式实现,提供 web 可视化操作,如下图: 下面介绍如何安装使用,以及实现原理. 安装使用 vscode 安装 lowcode 插件,此插件是一个效率工具,脚手架只是其中一个功能,更多功能可以查看文档,这集只讲脚手架相关的. 插件安装之后,打开脚手架界面,步骤如下图: 可以直接使用分享的脚手架,勾选选项后直接创建即可: 制作脚手架 在模板项目根目录下创建 lowcode.scaffold.con…