初心作为一名前后端开发者，你是否也曾遇到过这样的场景：刚刚调整了项目的 TypeScript 或 ESLint 配置，满心欢喜地以为大功告成，却发现类型检查依然报错，代码提示也未按预期生效。这时候，我们通常需要重启 VS Code 服务，才能让新的配置被正确加载。然而，每一次修改配置都可能需要一次手动重启，这个过程不仅繁琐，更会打断我们宝贵的“心流”状态。为了解决这个问题，我曾尝试过一些社区的插件。但它们或多或少存在一些不便，比如我用过的一款，它的重启按钮只在 .ts 或 .js 文件中显示，而在我常用的 .vue 文件中却不见踪影，导致我每次都得特意切换文件才能操作。为了彻底解决这个痛...
前言最近vscode升级了版本：v1.100，这个版本除了又是一堆AI相关的功能优化，只有一个功能让我高兴，就是它对 env 文件实现了默认支持，可以对其高亮了，不用再安装额外的env插件。为此我们可以卸载以下两个插件：DotENVENV那么我们该如何正确使用这个默认高亮呢？教程如果你是新的配置，一般来说不需要配置什么，但是如果你之前使用过上面的两个插件，有可能会自定义了一些 Files Associations 配置，比如我之前就会将 .env.development、.env.production、.env.example 设置它的值为 dotenv 实现代码高亮。但是现在由于vsc...
前言先说原因，由于国内是禁止访问一些站点的情况下（国情如此），导致vscode无法访问到对应的api请求服务，所以导致一直启动不起来，得到的错误基本上都是：warn Error connecting to relay, will retry: error connecting to tunnel: websocket error: IO error: 由于连接方在一段时间后没有正确答复或连接的主机没有反应，连接尝试失败。 (os error 10060)即便我们使用clash做代理处理，但是由于这是终端的请求，普通的代理方式已经不管用了，而通过一些命令处理，比如：CMDset https...
前言随着日常代码的产出，有些时候我们希望代码的注释能够区分一下优先级和类型，比如我发现了一个问题，但是这个问题可能需要以后有时间再修复，又或许为了实现某个功能，我使用了hack的方式，我希望能够给后来者一个提醒，方便接手人的维护，基于这些需求，我找到了一个插件：TODO Highlight它可以很方便的实现注释上的高亮处理，因为我暂时还不需要去大量查询todo，所以就没安装TODO Tree这个插件。实现看下效果图：由于官方默认只预设了TODO:和FIXME:，其他是我自己拓展的，大家可以按照下面的教程配置一下。自定义扩展TODOvscode -> 文件 -> 首选项 -&g...
前言当我们接手了一些二手项目之后，在后期的需求改动时，肯定会遇到大改的情况，可能之前的整个文件我们都不能要了，但是，从开发安全的角度来讲，之前的代码对我们而言是有用的，比如出了问题，我们需要还原成旧的，或者逻辑发现问题，需要和旧的逻辑进行比对排查。在linux的操作中，会有一个很棒的行为习惯，当我们去改动一个很重要的文件时，会先创建一份.back文件，然后再去改动，如果出现问题，可以用back文件进行还原。那么这种行为我觉得可以用在前端项目开发中，这样当新代码出现问题，可以查看旧的代码进行比对，出现问题也能及时还原。当然这种方式从整体来说，对代码的要求是很高的，需要满足里氏替换原则才能实...
具体的使用我这就不重复赘述了，我只说下如何实现免密。首先我们需要创建ssh的认证密匙，windows输入命令：ssh-keygen -t rsa不断回车，它会在当前C盘的用户目录里面创建两个文件：id_rsaid_rsa.pub具体生成文件的目录在命令交互中会有提示，所以我这就不贴出来了。两个文件中有一个后缀.pub的文件，我们打开它，可以看到里面会有一串ssh-rsa xxxx的字符串。接着我们回到ssh连接，使用NxShell连接linux服务器，比如我 Remote - SSH配置连接的时候我用的是root用户，那么NxShell连接的时候也要用这个账号。这里要说下，root账号我...
前言之前写过一篇关于《处理不同平台的回车处理 warning Delete ␍ prettier prettier# 不同平台的回车处理 warning Delete ␍ prettier prettier》的文章。但是这是讲了如何处理当前文件的尾换行符报错而已，这次分享在项目开发初期如何配置你的尾换行符，以及批处理方式。vscode配置尾换行符现阶段我可能更加推荐使用LF的尾换行方式，在linux和mac中都是使用这种方式，而windows中使用的 CRLF，如果存在不同系统下的开发，LF是最好的选择。而且这种方式也契合我之前分享的Prettier格式化配置。vscode -> ...
前言处理php代码格式化，我也是最近才摸到点门路，格式化可以帮助我们统一代码展示，并且在多人协作开发的时候，统一的格式化代码可以减少很多无效的代码diff，这点在使用git的时候深有体会。首先我们需要安装phpfmt这个插件，插件地址：phpfmt除了这个插件安装，我们本地还需安装php才可以，如果不会的话，我们可以使用小皮面板的php。首先我们需要下载一个小皮面板：PhpStudywindows下，我们下载最新版安装即可。安装完毕后打开小皮，下载一个php版本，我用的是php7.2.9nts。教程依赖安装完毕后我们需要进行配置，文件 -> 首选项 -> 设置 -> 右...
前言这个东西困扰我很久了，Gitlens会在每个变量或者属性开头都给我搞上一句提示，你说它有用吧，平时又用不到，一直没找到有啥办法关闭，最近折腾插件的时候想着研究一下，于是这个问题就有了解决方法。直接看图说话：关闭后：这不是就舒服多了。教程文件 -> 首选项 -> 设置 -> 右上角打开设置json -> 添加下面这段配置："gitlens.codeLens.recentChange.enabled": false, "gitlens.codeLens.authors.enabled": false,保存，享受。
前言前端写元素class有两个流派，一个是用短横线分割，另一个是用下划线分割，至于那些用驼峰的邪道我们就不管他们了，本来一开始其实都是用短横线的，但是短横线带来了一个非常痛苦的东西，就是没法双击全选这个文本，只能部分，而下划线在编辑器中却是天然的支持双击选中。于是衍生了这么一派，今天我们就要终结他们，天下一统，指日可待。我们可以配置一下vscode的属性，我们就可以实现短横线也能双击选中了，简直不要太爽、效果图：教程文件 -> 首选项 -> 设置 -> 右上角打开设置json -> 添加下面这段配置："editor.wordSeparators"...
简介vscode通过ssh连接云服务器进行开发，服务器通过宝塔面板来进行可视化管理。系统采用腾讯维护的TencentOS Server，也就是centos的第三方维护版本。代码同步则使用git进行处理。[hide]服务器部署服务器部署相对简单。安装 TencentOS Server腾讯云里面有一台vps服务器，自己选择安装TencentOS Server 3.1版本，然后进行重装。安装宝塔宝塔官网：宝塔安装简单，自己ssh连接后安装即可，使用centos的安装链接。创建并绑定密匙在腾讯云管理页面左侧的菜单栏中找到密匙；这个密匙是用于ssh连接的，如果你懂ssh密匙链接，其实也可以跳过，只...
安装的插件Atom One Dark Theme 主题Auto Rename Tag 头尾标签自动修改，改一个改一双Beautify 格式化Bracket Pair Colorizer 对象括号选择有颜色表示范围Highlight Matching Tag 选择标签自动高亮对应的结尾标签Material Icon Theme 图标Path Intellisense 路径提示，只能相对路径Version Lens 版本提示，安装完可以在打开package.json文件，在右上角有一个v按钮，点击可以查看最新版本，更新狂魔必备Vetur 用了vue还有不装这个的？Color Hig...
有时候有些代码总是重复输入，但是没有自动补全，总是重复书写很头疼，特别是路径。错一个字就error所以我们可以使用编辑器的自定义代码补全功能，省去了大把时间。教程文件 --- 首选项 --- 用户片段 --- 这里我们可以创建全局的，或者基于当前项目的代码提示 --- 我这里选择全局 选择全局后会进入一个json文件，这里就不多解释了，直接上代码{ // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // de...
这个玩意真的太恶心了，强行换行，原本一行解决问题，现在要三行，真是日了狗了。找了半天发现只有一个方法：安装Beautify插件安装完毕后打开首选项 ---- 搜索 setting 随便找个选项，只要他有显示 在settings.json 中编辑 点击这个进入到配置文件他就是一个json对象，我们在第一个花括号里面加上如下内容："beautify.config": { "brace_style": "collapse,preserve-inline" }实际效果应该是：{ xxxxxx这里有很多自定义的配置...
没有更多了
最近评论