随笔分类 - vscode
摘要：# 背景 有的时候我们想要对多行的代码进行注释，使用单行注释的话不好看 # 步骤 vscode 多行注释，修改快捷键： File>>Preferences>>Keyboard Shortcuts>>搜索comment>>Toggle Block Comment>>编辑>>按下键盘快捷键>>“回车”确
阅读全文
摘要：ES7 React/Redux/GraphQL/React-Native snippets 可以根据某些关键词快速生成代码片段，比如：输入clg快速生成console.log Bracket Pair Colorizer 2 此插件目前已废弃，因为vscode已经内置了，只需要在setting.js
阅读全文
摘要：问题描述 有的时候我们需要为多行代码进行注释，但是其中某几行已经注释了，但是如果再这个基础之上再进行注释的话是没法注视成功的 安装Nested Comments插件 Default Keybindings Mac: cmd + alt + / Windows: ctrl + alt + / 效果
阅读全文
摘要：参考博文 文章标题：How to use Prettier with ESLint and TypeScript in VSCode 链接：https://khalilstemmler.com/blogs/tooling/prettier/ 总结 使用npm安装prettier npm instal
阅读全文
摘要：简介 Todo Tree是vscode中一款可以在侧边栏记录TODO注释（也可以配置其他的注释）并且可以高亮注释行的很优秀的插件。有的时候我们写程序的时候，难免会遇到一些情况需要标记或者搁置，在写代码的时候会用一些特殊的注释来表示不同的内容，使我们可以快速的定位我们注释的位置。 配置步骤 在vsco
阅读全文
摘要：{ "workbench.iconTheme": "material-icon-theme", "eslint.migration.2_x": "off", "[javascript]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" }
阅读全文
摘要：需求 使用prettier插件进行美化，使用eslint进行代码的校验，但是我们在vscode安装了着两个插件后发现会有冲突 疑问 Slint和Prettier格式化的区别？ eslint（包括其他一些 lint 工具）的主要功能包含代码格式的校验，代码质量的校验。而 Prettier 只是代码格式
阅读全文
摘要：应用场景 有的时候我们需要快速定位到node_modules文件夹下的第三库，比如查找第三方库的如何去使用或者第三方打包后的js文件 步骤 vscode的扩展中搜索“node_modules” 在项目下的“node_modules”文件夹下，右键选择“搜索packages”然后输入对应的第三方库的名
阅读全文
摘要：插件应用场景 以前在vscode中切换项目的时候使用“添加工作区”的方式，感觉还是不方便，这个插件就是为了解决在vscode中切换项目时变得更加的快捷的问题 插件安装 vscode左侧边栏的“扩展”图标后搜索“project manager” 安装成功后 使用步骤 vscode打开需要“projec
阅读全文
摘要：参考文章：https://blog.csdn.net/sinat_41696687/article/details/120703355 具体步骤 一、首先在snippet creator上生成代码片段模板 在线snippet creator 首先复制我们需要快速生成的代码模板。 复制到下面的区域中。
阅读全文
摘要：背景 vue-cli项目中配置了eslint并设置了lint on save，会对项目中的JS语法进行ESLINT的校验。而在我们需要在vscode中安装vetur插件对.vue文件进行高亮，vetur插件会自动将单引号变成双引号 解决办法 在菜单栏中选择"文件" >"首选项" >设置-->在搜索框
阅读全文
