Vscode

我们日常的开发中使用最多就是 git 了，但是当我们提交代码时并没有按照模块和类型等进行区分，那么如果一个项目开发到一定的规模时，就会很难从提交的消息上区分出来，如何使用 VScode 优雅提交代码，格式化提交代码？就需要在提交消息上去区分。当然每次去手动写提交消息的类型等也是很繁琐，所以我写了这个开源插件。 在平时的工作中,大部分对于 commit 都是简单的填写,没有好好的重视,这对于项目管理和维护来说,无疑是不友好的。这个插件就是规范化 git 提交规范,让你的提交不仅"好看"还"实用" git 规范提交从何而来? git 规范提交从哪里开始的呢?起源在哪呢?emmmmmm,这就追溯到了 Angular 了! 让我们看下 Angular 社区的提交规范 这个提交记录是不是一目了然?所以 git commit 规范下还是很有必要的! 特别是子项目模块多的项目。 提交规范说明 类型 emoji 描述 feat✨ 引入新功能 fix🐛 修复 bugdocs📝 添加/更新文档 style💄 调整 UI 样式, 未修改代码逻辑 refactor🎨 改进代码结构/代码格式 perf👌 性能优化, 提高性能的代码更改 format🥚 格式化代码 test✅ 添加或修改代码测试 chore🔧 对构建流程或辅助工具和依赖库（如文档生成等）的更改 revert🚑 回退代码 build🚀 打包发布 开发原理 我们用 vscode 会单独打开某个子项目，比如项目里面的 app 小程序项目，那么我们在提交的时候会自动判断 git 的项目名和当前打开的项目是否一致，如果一致就不加项目名，如果不一致说明打开的是子项目模块，那么就会加上 (app) 表面是那个模块的提交信息，如下 ...

VScode 上的插件千千万，就比如远程的插件就很多，大概搜了下微软官方支持的就有一系列。常用的也就是下载量多的那几个，ssh、容器、WSL 等。这篇文章讲的是在 Windows 版 VScode remote ssh 使用证书连接服务器，但是呢 证书会有权限过大的情况，需要我们修改下证书的权限，才能正常连接上 安装 Remote - SSH 插件 地址：https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh 配置 在 VScode 侧边栏就能看到多出来的远程标签 打开配置 选择第一个，顺便记下我们的用户名，我这里是 11399 写下我们的配置（如下），保存 Host test HostName 192.168.226.128 User root IdentityFile "E:\#重要文件\证书等\me\rk" 如果是密码的话配置是这样 Host test HostName 192.168.226.128 User root Password 123456 ...

自从前段时间转到 VScode,就没太在意它的调试功能，今天有空学习了下，记录下，另外记录下自己学到的一些调试基本技巧 VScode 调试 以前 VScode 调试都是通过一个插件来 Debugger for Chrome 调试的，但是随着 VScode 的更新， Debugger for Chrome 已成为历史，代替它的是 vscode-js-debug，已经内置在 VScode 里了，所以我们在 package.json 里就能看到它的身影 启动调试 点击 调试 选择启动脚本 dev 然后我们的服务就启动了 下断点 运行前端 使用 Ctrl+鼠标左键 打开调试页面，即可监听到调试内容 调试 可以看到所有断点页面的数值，太多也不好看，右键可以添加监视区 可以通过悬浮控制台进行按步执行，我是习惯用 F9 执行 然后监视区的数据就会按程序显示对应的值了，非常适合调试复杂的程序，总比一直 log 强吧 ...

最近闲时在开发越狱插件，学习了 Objective-C 开发，那是一个爽，平常都是在黑苹果上开发，现在想着在 Window 的 WSL 环境下开发，所以就想试着搭建下 打开 WSL 我这里使用 VSCode 打开，这里使用的是 ubuntu20.04 安装 Theos 依赖 这两个命令将安装 Theos 正常工作所需的所有依赖项。 sudo apt-get update sudo apt-get install -y build-essential git unzip libio-compress-perl 设置 $THEOS 环境变量 这五个命令将设置 Theos 用来了解事物在哪里以及从哪里执行它们以及诸如此类的事物的环境变量。 echo export THEOS="/opt/theos" >> ~/.bashrc echo alias nic="\$THEOS/bin/nic.pl" >> ~/.bashrc echo "umask 0022" >> ~/.bashrc source ~/.bashrc 使用代理 使用代理，可以加快速度 export http_proxy=http://192.168.0.189:7890/ export https_proxy=http://192.168.0.189:7890/ git config --global http.proxy http://192.168.0.189:7890 git config --global https.proxy http://192.168.0.189:7890 安装 Theos、工具链和 SDK 此命令将 Theos 安装到$THEOS 目录。 cd /opt sudo git clone --recursive https://github.com/theos/theos.git $THEOS ...

用了好些年的 webstorm，最近版本（2021.3.1）打开发现滚动条卡了不少，发现是主题（Material Theme UI）的关系，但是卸载主题或者降低版本都是我不喜欢的，所以干脆再转一次 vscode，之前转过好几次都因为难适应和工作进度原因 安装 VScode 进入 官网 下载即可 登录 VSCode vscode 对比 webstorm 好的地方就是能同步的地方比较多，像 webstorm 虽然能设置仓库进行同步设置等，但是还是有很多设置没同步到(比如插件列表，代码模板等)，而且配置的设置在用下来高达好几 G 文件。 webstorm 跨设备下来太消耗时间安装配置和各种设置了，相比 vscode 还是方便得很 登录使用 github 登录即可。 改造 因为太熟悉 webstorm 的操作了，而且习惯了 webstorm 的主题、插件和快捷键等，所以我打算改造专属我自己的 vscode，之前是没想这样改造的，所以一连几次我都放弃了转 vscode，我是认为前端想往高端方向发展，webstorm 还是不够的，webstorm 作为新手期入门还算可以，但是想往高端走还是得 vscode，毕竟有着无数插件，不方便也能自己写插件，喜欢自己折腾的可以考虑，而且通过 vscode 插件来写自己搭建的博客发现也更方便些了。下面记录下遇到的问题与解决方案。 快捷键 快捷键一开始我是想着自己适应，稍微改下一下常用的快捷键就行了，但是好多啊。。。所以我就试着插件库搜搜 idea，就发现果然有人做了 插件 于是安装上，基本跟 webstorm 的操作几乎一模一样，缺点就是 Ctrl+D 是整行添加，不是选区添加。 主题 先上效果图