前言 随着日常代码的产出，有些时候我们希望代码的注释能够区分一下优先级和类型，比如我发现了一个问题，但是这个问题可能需要以后有时间再修复，又或许为了实现某个功能，我使用了hack的方式，我希望能够给后来者一个提醒，方便接手人的维护，基于这些需求，我找到了一个插件：TODO Highlight 它可以很方便的实现注释上的高亮处理，因为我暂时还不需要去大量查询todo，所以就没安装TODO Tree这个插件。 实现看下效果图： 由于官方默认只预设了TODO:和FIXME:，其他是我自己拓展的，大家可以按照下面的教程配置一下。 自定义扩展TODO vscode -> 文件 -> ...
前言 当我们接手了一些二手项目之后，在后期的需求改动时，肯定会遇到大改的情况，可能之前的整个文件我们都不能要了，但是，从开发安全的角度来讲，之前的代码对我们而言是有用的，比如出了问题，我们需要还原成旧的，或者逻辑发现问题，需要和旧的逻辑进行比对排查。 在linux的操作中，会有一个很棒的行为习惯，当我们去改动一个很重要的文件时，会先创建一份.back文件，然后再去改动，如果出现问题，可以用back文件进行还原。 那么这种行为我觉得可以用在前端项目开发中，这样当新代码出现问题，可以查看旧的代码进行比对，出现问题也能及时还原。 当然这种方式从整体来说，对代码的要求是很高的，需要满足里氏替换原...
具体的使用我这就不重复赘述了，我只说下如何实现免密。 首先我们需要创建ssh的认证密匙，windows输入命令：ssh-keygen -t rsa 不断回车，它会在当前C盘的用户目录里面创建两个文件： id_rsa id_rsa.pub 具体生成文件的目录在命令交互中会有提示，所以我这就不贴出来了。 两个文件中有一个后缀.pub的文件，我们打开它，可以看到里面会有一串ssh-rsa xxxx的字符串。 接着我们回到ssh连接，使用NxShell连接linux服务器，比如我 Remote - SSH配置连接的时候我用的是root用户，那么NxShell连接的时候也要用这个账号。 这里要...
前言 之前写过一篇关于《处理不同平台的回车处理 warning Delete ␍ prettier prettier# 不同平台的回车处理 warning Delete ␍ prettier prettier》的文章。 但是这是讲了如何处理当前文件的尾换行符报错而已，这次分享在项目开发初期如何配置你的尾换行符，以及批处理方式。 vscode配置尾换行符 现阶段我可能更加推荐使用LF的尾换行方式，在linux和mac中都是使用这种方式，而windows中使用的 CRLF，如果存在不同系统下的开发，LF是最好的选择。 而且这种方式也契合我之前分享的Prettier格式化配置。 vscode ...
前言 推荐一份最近研究的格式化配置。 代码 .prettierrc.json { "$schema": "https://json.schemastore.org/prettierrc", "printWidth": 120, "tabWidth": 2, "useTabs": true, "semi": true, "singleQuote": false, "trailingComma": "none", "bracketSpacing": true, "jsxBracketSameLine": false, "arrowParens": "a...
前言 处理php代码格式化，我也是最近才摸到点门路，格式化可以帮助我们统一代码展示，并且在多人协作开发的时候，统一的格式化代码可以减少很多无效的代码diff，这点在使用git的时候深有体会。 首先我们需要安装phpfmt这个插件，插件地址：phpfmt 除了这个插件安装，我们本地还需安装php才可以，如果不会的话，我们可以使用小皮面板的php。 首先我们需要下载一个小皮面板：PhpStudy windows下，我们下载最新版安装即可。 安装完毕后打开小皮，下载一个php版本，我用的是php7.2.9nts。 教程 依赖安装完毕后我们需要进行配置，文件 -> 首选项 -> 设置...
前言 这个东西困扰我很久了，Gitlens会在每个变量或者属性开头都给我搞上一句提示，你说它有用吧，平时又用不到，一直没找到有啥办法关闭，最近折腾插件的时候想着研究一下，于是这个问题就有了解决方法。 直接看图说话： 关闭后： 这不是就舒服多了。 教程 文件 -> 首选项 -> 设置 -> 右上角打开设置json -> 添加下面这段配置： "gitlens.codeLens.recentChange.enabled": false, "gitlens.codeLens.authors.enabled": false, 保存，享受。
前言 前端写元素class有两个流派，一个是用短横线分割，另一个是用下划线分割，至于那些用驼峰的邪道我们就不管他们了，本来一开始其实都是用短横线的，但是短横线带来了一个非常痛苦的东西，就是没法双击全选这个文本，只能部分，而下划线在编辑器中却是天然的支持双击选中。 于是衍生了这么一派，今天我们就要终结他们，天下一统，指日可待。 我们可以配置一下vscode的属性，我们就可以实现短横线也能双击选中了，简直不要太爽、 效果图： 教程 文件 -> 首选项 -> 设置 -> 右上角打开设置json -> 添加下面这段配置： "editor.wordSeparators":...
前言 .meta文件是cocos自己的配置文件，用于标识每个文件的，在开发过程中不用关心这个文件，但是通过vscode打开cocos项目会将.meta和ts这些文件全部显示在一起，非常影响开发，得想办法忽略显示这个文件。 教程 在vscode设置里搜索：files，找到Files:Exclude，添加一个新的规则： **/*.meta 保存即可。 如果不想可视化，可以打开vscode的json配置文件，填入以下内容： { "files.exclude": { "**/*.meta": true } } 保存也是一样的。
简介 vscode通过ssh连接云服务器进行开发，服务器通过宝塔面板来进行可视化管理。系统采用腾讯维护的TencentOS Server，也就是centos的第三方维护版本。 代码同步则使用git进行处理。 [hide] 服务器部署 服务器部署相对简单。 安装 TencentOS Server 腾讯云里面有一台vps服务器，自己选择安装TencentOS Server 3.1版本，然后进行重装。 安装宝塔 宝塔官网：宝塔 安装简单，自己ssh连接后安装即可，使用centos的安装链接。 创建并绑定密匙 在腾讯云管理页面左侧的菜单栏中找到密匙；这个密匙是用于ssh连接的，如果你懂ss...
安装的插件 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还有不装这个的...
有时候有些代码总是重复输入，但是没有自动补全，总是重复书写很头疼，特别是路径。 错一个字就error 所以我们可以使用编辑器的自定义代码补全功能，省去了大把时间。 教程 文件 --- 首选项 --- 用户片段 --- 这里我们可以创建全局的，或者基于当前项目的代码提示 --- 我这里选择全局 选择全局后会进入一个json文件，这里就不多解释了，直接上代码 { // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and ...
这个玩意真的太恶心了，强行换行，原本一行解决问题，现在要三行，真是日了狗了。 找了半天发现只有一个方法： 安装Beautify插件 安装完毕后 打开首选项 ---- 搜索 setting 随便找个选项，只要他有显示 在settings.json 中编辑 点击这个进入到配置文件 他就是一个json对象，我们在第一个花括号里面加上如下内容： "beautify.config": { "brace_style": "collapse,preserve-inline" } 实际效果应该是： { xxxxxx这里有很多自定义的配置, "beautify.config":...
没有更多了
最近评论