一.环境准备: 1.下载安装VSCode,Node.js,Yarn 2.打开命令行终端或powershell,输入yarn global add create-react-app安装react的脚手架create-react-app 3.打开VSCode,安装相应插件 必要:ESLint.DocumentThis.EasyLess.Complete JSDoc Tags.vscode-flow-ide.React native Tools.vscode-wechat.npm.babel-java

常用必备: 1.vscode-icon 让 vscode 资源树目录加上图标,必备良品! 2.Path Intellisense 自动路劲补全,默认不带这个功能的 3.beautify Beautify css/sass/scss/less react-beautify 格式化代码 使用指南:按F1,然后输入bea->选择你要格式的文件类型 js/css/html 格式后: 4.GitLens 丰富的git日志插件 5.Bracket Pair Colorizer 让括号拥有独立的颜色,易于区分

前言 之前编写了一个vscode插件用vscode写博客和发布,然后有园友要求写一篇来介绍如何开发一个vscode扩展插件,或者说介绍开发这个插件的过程.然而文章还没有写,园子里面已经有人发布一个文章,是园友上位者的怜悯的VSCODE 插件初探介绍了自己开发的一个插件与如何简单的开发一个插件.虽然已经有这么一个文章,但是我觉得还是可以更仔细的来介绍如何来开发一个vscode插件,也算之前说好要写这么一个文章的一个承诺吧,于是就有了还这么篇文章. 一.开发环境介绍与安装 为了演示一个安装环境,我安

vscode编写插件详细过程 前言 之前编写了一个vscode插件用vscode写博客和发布,然后有园友要求写一篇来介绍如何开发一个vscode扩展插件,或者说介绍开发这个插件的过程.然而文章还没有写,园子里面已经有人发布一个文章,是园友上位者的怜悯的VSCODE 插件初探介绍了自己开发的一个插件与如何简单的开发一个插件.虽然已经有这么一个文章,但是我觉得还是可以更仔细的来介绍如何来开发一个vscode插件,也算之前说好要写这么一个文章的一个承诺吧,于是就有了还这么篇文章. 一.开发环境介绍与安

vscode 的插件 必须 Chinese (Simplified) Language Pack for Visual Studio Code Markdown Preview Enhanced Debugger for Chrome Material Icon Theme Material Theme IntelliJ IDEA Keybindings Prettier - Code formatter 一个代码格式化工具 Prettify JSON 一个 JSON 格式化工具 open in

sync的好处不言而喻,在不同的设备都可以同步自己的插件和所有配置: 但是有时有总是会有坑, 现在把我遇到的坑记录下来,以防再次踩坑 VSCode 同步方案 VSCode 的插件 Setting Sync 提供了通过 github 的 Gist 完成配置同步的功能.但是由于它的教程不完整,导致同步起来会产生省问题.最常见的问题是无法下载配置,提示信息为: Sync : Invalid / Expired GitHub Token. Please generate new token with s

使用vscode的插件实现快捷开发 ASP.NET Core Snippets  :HomeController, Startup, ProgramFile and many more starts with mvc- and then hit tab 使用mvc-就会有相应的命令实现快速的生成对应的控制器和方法,对代码的格式化. C#:高亮,编辑器的支持,调试等,在asp.netcore开发中,必须安装 NuGet Package Manager:Nuget包管理器,这个非常重要,可以让我们在

vscode 的插件cpptools 0.9.3 需要glibc 2.18的版本,但是Centos 7 下没有这个版本的GLIBC,所以导致链接库丢失,后台服务不能正常运行.按以下步骤操作可修复此问题. With the 0.9.3 it seems that both GLIBC_2.18 & GLIBC_2.17 is required.However if you want a workaround try this: wget http://ftp.gnu.org/gnu/glibc/g

十分简单,知道名字叫啥后,直接搜索,安装,就完了,还可以查看自己已经安装了哪些插件. step1 如图.png step2 image.png step 3 去网上查找想要安装的插件的名字 step 4 image.png 点击安装,就可以安装完成. 至此,vscode安装插件完成

VSCode 必装的 10 个高效开发插件  本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率. VSCode 的基本使用可以参考我的原创视频教程「VSCode 高效开发必装插件」. 2. 10 个必装的编辑器插件 相当于视频教程的补充更新,这里再次给大家整理出 10 个必装的 VSCode 编辑器插件.编辑器的基本使用与插件的安装可以直接参考上面的视频教程. 2.1 文件图标 vscode-icons 插件名称:vscode-icon

副标题----为什么我要写这个 react 插件 图片懒加载是项目中常用的功能,然而现有 react 懒加载组件库,用着都不是很爽了 ?.概括一下有如下几点: 没有只针对 image 懒加载组件.多数组件库都内置了模块.组件.脚本.iframe 懒加载功能,而弱化了 image 懒加载功能. 不支持动画显示效果. 不灵活,可配置度不高. placeholder 不能组件化. 不支持响应式图片( picture / srcset ). react-lazyimg-component 清楚自己想要什

更多VSCode插件使用请访问:VSCode常用插件汇总 vscode-stylelint这是一个检验CSS/SASS/LESS代码规范的插件. StyleLint 使用指南 vscode-stylelint官网 vscode-stylelintt这是VS Code stylelint扩展. 首先简单说一下使用流程: 1.安装stylelint库(在项目本地或全局安装,看具体项目需要) 2.创建.stylelint.config.js配置文件(手动创建或者复制其它已有配置文件均可,看具体项目需求

更多VSCode插件使用请访问:VSCode常用插件汇总 ESLint这是VS Code ESLint扩展,将ESLint JavaScript集成到VS Code中. 首先简单说一下使用流程: 1.安装ESLlint库(在项目本地或全局安装,看具体项目需要) 2.创建.eslintrc配置文件(手动创建或者复制其它已有配置文件均可,看具体项目需求) 3.根据文档设置完,保存文件时即可进行eslint修复(MacOS:快捷键是 command + s ) 安装 该扩展使用安装在打开的工作区文件夹

vscode常用插件汇总: 点击插件名字,查看使用文档 vscode-fileheader : 添加注释到文件头,并支持自动更新文件修改时间. EditorConfig for vs code :  EditorConfig有助于为跨越各种编辑器和IDE的同一项目的多个开发人员维护一致的编码样式. open in browser : 在文件右键 可以选择在浏览器预览 Prettier - Code formatter : 格式化js.css代码插件 Simple New File: 从命令面板简

更多VSCode插件使用请访问:VSCode常用插件汇总 Simple New File这是一个从命令面板简单创建新文件.文件夹.通过侧边栏创建新文件可能会很繁琐.该扩展旨在通过命令面板使创建文件或目录尽可能简单.具有自动补全功能,还可以与多个工作区一起使用! 按 command + alt + n 会出现提示框,您可以在其中输入文件的路径.如果该文件已经存在,则将打开该文件,否则将创建一个新文件及其所有父目录.

更多VSCode插件使用请访问:VSCode常用插件汇总 open in browser安装完这个插件就可以在编辑器菜单右键html,在默认浏览器打开了,高级使用暂未了解,请自行其它文章学习

更多VSCode插件使用请访问:VSCode常用插件汇总 vscode-fileheader这是一个给js文件(html.css也可以使用,但是没意义!!!)生成头部注释的插件,每次修改js文件之后会自动修改的时间和作者. 最终效果图如下: 生成这个注释的快捷键是 ctrl+alt+i 用户在settings.json中配置用户名和最后修改用户名即可使用 保存一下,然后去ctrl+alt+i使用就可以使用了.

更多VSCode插件使用请访问:VSCode常用插件汇总 当大家在公司工作时,不可能永远是一个人维护一个项目,当多个人参与一个项目,每个人使用的编辑器不一样,代码风格自然也不一样,那么如何让使用不同编辑器的开发者能够轻松惬意的遵守最基本的代码规范呢? 最后终于找到了editorConfig这个东东,发现在这里配置的代码规范规则优先级高于编辑器默认的代码格式化规则.如果我没有配置editorconfig,执行的就是编辑器默认的代码格式化规则:如果我已经配置了editorConfig,则按照我设置的

vscode dart 插件 关闭自动注释 左下角设置 --> 搜索 Closing Labels --> 去掉勾选

起因 又是一年多没有更新过博客了,最近用Arduino做了一点有意思的东西,准备写一篇博客.打开尘封许久的博客园,发现因为Windows Live Writer停止更新,博客园推荐的客户端变为了Open Live Writer(基于Windows Live Writer代码,然而GitHub上的代码已经快一年没更新了).OK,安装之后开始写作,写着写着就发现问题了:在准备插入代码的时候发现没有对应的Open Live Writer代码插件. 两个编辑器 在日常编辑Arduino代码时我会用到两个

vscode的插件默认安装位置在: C:\Users\用户名\.vscode\extensions 如果不想将插件安装在C盘,可以自定义一个目标位置存储,使用如下: 右键快捷方式,在原本的目标后加入--extensions-dir "插件新的存储位置",例如: "D:\Program Files\Microsoft VS Code\Code.exe" --extensions-dir "D:\Program Files\Microsoft VS Code\