1.问题描述: idea 开发代码中的 中文正常,但提交到码云时填写的提交日志是乱码。 提交到码云后是这样的: 在 push 前 IDEA 中显示的也是乱码,形如: 2....解决: 找到自己的 git 安装目录,在该路径下执行以下3条设置命令, 分别设置 提交文件、界面、提交日志 这三者的编码格式 。...git config --global i18n.commitencoding utf-8 git config --global gui.encoding utf-8 git config --
VSCode React Refactor 这是一个专门为 React 开发人员设计的 VS Code 扩展。在处理大型项目时,重构可能很有挑战性。...该插件允许在不同的模拟器或仿真器上轻松运行和调试代码,从命令面板快速运行 react-native 命令,而无需在终端中手动运行命令,并使用 IntelliSense 浏览 React Native 的函数...Git 集成 GitLens 该插件增强了 VS Code 中的 Git,并从每个存储库中释放隐藏数据。...Git History 该插件用于查看 Git 日志和文件历史记录并比较分支或提交。...npm Intellisense 该插件为 import 语句中的 npm 模块提供了自动完成功能。npm 模块的所有导入都会使用此扩展自动处理。
一、使用说明 相似功能的插件,不推荐全都装上,请挑选一个使用 本列表所有插件均已测试使用过,但不代表不存在问题 任何插件本身的问题,请到对于代码仓库提交issue 二、拓展 名称 简述 Auto Close...Find-Jump 快速跳转到指定单词位置 Font-awesome codes for html FontAwesome提示代码段 ftp-sync 同步文件到ftp Git Blame 在状态栏显示当前行的...Git信息 Git History(git log) 查看git log gitignore .gitignore文件语法 GitLens 显示文件最近的commit和作者,显示当前行commit信息...modules resolve 快速导航到Node模块 npm 运行npm命令 npm Intellisense 导入模块时,提示已安装模块名称 Output Colorizer 彩色输出信息 Partial...快速打开选中模块的主页和代码仓库 VS Live Share 实时多人协助 VSCode Great Icons 文件图标拓展 vscode-database 操作数据库,支持mysql和postgres
大家好,又见面了,我是你们的朋友全栈君。 1....,可以使用它们来生成ES6代码片段 6. npm Intellisense npm 装包后,require 时的包智能提示,import 语句中自动填充 npm 模块。...插件提示代码和格式化代码,需要配置vscode 18.gitlens git提交代码插件 19. volar vue3代码提示插件 安装vsCode prettier插件 修改配置文件 `setting.json...editor.minimap.enabled": true, "emmet.extensionsPath": [ "" ], // vue eslint start 保存时自动格式化代码..."source.fixAll": true }, "vetur.ignoreProjectWarning": true, // 让vetur使用vs自带的js格式化工具
工作之余,我整理了近50个 VS Code 插件,其中有一部分已经内置了,但不知道他们是用来干啥的。...GitLens — Git supercharged 增强 VS Code 中内置的 Git 功能,自动显示 Git 注释和代码镜头,可视化代码作者,无缝导航和探索 Git 存储库等。...npm Intellisense 编码时自动提示导入语句中的 npm 模块。 One Dark Pro Atom 为 Visual Studio Code 设计的标志性 One Dark 主题。...Vue 3 Snippets Vue.js 3 和 Vue.js 2 代码片段扩展。 WakaTime 统计在 VS Code 里写代码的时间。...wechat-snippet 微信小程序代码辅助,代码片段自动补全。 yarn 在 VS Code 中使用 yarn。
使用 C++ 工作负载的游戏开发现在安装支持 Visual Studio 2022 的最新虚幻引擎 在为来自导入的模块和 Header 单元的类型提供导航和语法突出显示时,对 C++ IntelliSense...通过优化缓存 header 使用和符号数据库访问,改进了 C++ IntelliSense 性能,缩短了进入代码的加载时间。...用于 C++ 的 IntelliSense Code Linter 现在默认处于启用状态,提供即时的键入建议和常见代码缺陷的修复建议。...添加了 ILanguageClient 重大更改修复 Git 工具 在创建 git 仓库的过程中,现在完全支持发布到 Azure DevOps 状态栏的增强,包括从空 VS 查看和打开仓库的新功能,并显示未拉取提交的数量...在使用 Visual Studio 调试器时,热重载现在可供 C++ 开发人员使用。
工作之余,我整理了这 40 多个 VS Code 插件,其中有一部分已经内置了,但不知道他们是用来干啥的。...GitLens — Git supercharged 增强 VS Code 中内置的 Git 功能,自动显示 Git 注释和代码镜头,可视化代码作者,无缝导航和探索 Git 存储库等。...npm Intellisense 编码时自动提示导入语句中的 npm 模块。 One Dark Pro Atom 为 Visual Studio Code 设计的标志性 One Dark 主题。...Vetur 用于 VS Code 的 Vue 工具。 vscode-pdf 在 VSCode 中显示 pdf 文件。...yarn 在 VS Code 中使用 yarn。
俗话说的好工欲善其事必先利其器,作为一个Vs Code老用户而已我我觉得安装一些有用的插件多自己日常的开发效率能够大大的提升,下面我推荐的是我日常开发中使用的比较多和感觉起来还不错的一些插件,同时会持续更新...美化VS Code的代码: 拓展名称:Beautify 拓展描述:美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代码。...它可以帮助您通过Git责任注释和代码镜头一目了然地看到代码作者的身份,无缝地导航和浏览 Git存储库,通过功能强大的比较命令获得有价值的见解,等等。...拓展描述:在编辑器中输入对应文件的路径,会自动补全(在import、require npm模块时非常便捷好用)。...TypeScript代码片段: 拓展名称:Angular Snippets (Version 9) 拓展描述:Visual Studio Code的此扩展为TypeScript和HTML添加了Angular
借助机器学习技术和查找众多开源GitHub项目中使用的模式,该插件在编码时提供建议。 ? 1、 Git Blame 有时候,你需要知道是谁写了某段代码。...好吧,Git Blame进行了救援,它会告诉你最后接触一行代码的人是谁。最重要的是,你可以看到它发生在哪个提交中。 这是非常好的信息,特别是当你使用诸如特性分支之类的东西时。...在使用特性分支时,你可以使用分支名称来引用票据。因为Git Blame会告诉你哪一个提交(也就是哪个分支)的一行代码被更改了,所以你就会知道是哪一个票据导致了这种更改。...Prettier与JavaScript、TypeScript、HTML、CSS、Markdown、GraphQL和其他现代工具一起使用,可以让你能够正确地格式化代码。...5、Path Intellisense Path Intellisense是Visual Studio代码之一,它可以为你的开发提供有保证的生产力提升。
git提交预检查 1、安装 husky和link-staged 在安装之前,要先配置好eslint配置或prettier配置 执行以下命令,会自动配置好husky和lint-staged npx mrm...从v10.0.0对原始暂存文件的任何新修改都将自动添加到提交中,不需要手动写入git add 命令,目前网上看到的大部分教程都是带有git add 命令的,如果加了之后,lint-staged会报一个警告...{css,less,scss}": "npm run stylelint:fix" } 3、切记,先 git add ,提交到暂存, git commit 提交,就会执行lint-staged下配置的校验命令...,这里注意:针对提交到暂存的修改的文件代码校验,未修改的文件不会校验,代码没有问题才会被真正提交,如果报出代码错误,需要先修复所有代码错误,才会自动格式化,否则不会先自动格式化。...4、在紧急的情况下,来不及修改代码格式,可以使用 git commit --no-verify 跳过代码校验。
Quokka在VS Code中为你提供了一个JavaScript(和TypeScript)暂存器。 这意味着你可以在自己喜欢的编辑器中测试一段代码! 8....当你开始在引号中输入路径时,你将看到目录和文件名的智能提示。 这样可以避免你在文件浏览中花费大量时间:) 9....我讨厌的一件事是在VS Code中的项目之间切换。 每次我必须打开文件资源管理器并在计算机上找到项目时。 但这随Project Manager 的应用而改变。...git插件一大堆,但是其中一个功能最强大,最多。 您会得到有关警告的信息,行和文件的历史记录,提交搜索等等。 如果你需要有关Git工作流程的帮助,请从这个插件开始! 14. Polacode ?...不要花时间格式化代码...它做了。 前面,我提到了ESLint,它提供格式化和检查。 如果你不需要棉绒检查,那么选择Prettier。 它非常容易设置,可以配置为在保存时自动格式化代码。 16.
大家好,又见面了,我是你们的朋友全栈君。...Draw.io Integration 画流程图 Data Preview 预览数据文件 ESLint 检查Javascript编程时的语法错误 EditorConfig for VS Code 代码风格统一...Git blame 编辑器左下角展示最近一次的编辑信息 Git History 以图表的形式查看 git 日志 GitLens 查看每一行代码的提交日志 Guides 代码的标签对齐线。...Icon Theme 文件目录图标美化 MongoDB for VS Code MongoDB 数据库支持 npm Intellisense 在import语句中自动完成npm模块引入的代码插件。...Node.js Modules Intellisense 可以在导入语句中自动完成JavaScript / TypeScript模块 Output Colorizer 输出提示的文字颜色有一些变化,方便获取关键信息
接下来会介绍我每天使用的非常有用的插件。 如果你还是一个 VSC 的新手,那么点击左侧最下方的按钮来安装插件。...6、Prettier 下载量:357 万 你绝对不能少了这个插件,你需要它来一键美化你的 JavaScript/TypeScript/CSS 代码。...9、npm Intellisense 下载量:88 万 VSCode 插件可以在导入语句自动补全 npm 模块名称。...10、lit-html 下载量:3 万 在 JavaScript/TypeScript 的文件中,如果有使用到 HTML 标记,lit-html 提供语法高亮和相应的补全支持。...15、Git History 下载量:332 万 用来查看 git log 或则一个文件的 git 历史,比较不同的分支,commits。
VS Code插件的种类 在本文,我主要介绍专门针对JavaScript开发者的VS Code插件。有很多满足此条件的VS Code插件,当然我不会都作介绍。...代码片段插件 当你第一次安装VS Code时,它会附带一些JavaScript和TypeScript的代码片段。...Node.js Modules IntelliSense:提供JavaScript和TypeScript导入声明时的自动补全。源码:vscode-node-module-intellisense。 ...浏览器插件 除非你是在用JavaScript写控制台程序,否则你多半会在浏览器中执行你的JavaScript代码。这意味着,你会频繁地刷新浏览器以观察每次你更新代码的效果。...这里有一些工具,能极大地减少你开发时的这种重复流程,而不是每次都手动刷新浏览器: Debugger for Chrome:在编辑器中打断点,让你轻松地在Chrome里调试JavaScript。
对不起,请到隔壁下载对应 IDE),收费(有破解版,但每次都要折腾一下)。而vscode势头正盛,免费、轻量、功能丰富、支持多语言,值得探索一下用来开发PHP。...Lens:显示当前行,是谁最近更改的 Git History:查看 Git 历史版本,提交细节等 Code Runner:直接运行C, C++, Java, JS, PHP, Python, Perl...PHP Debug:在 VS Code 中使用 XDebug,使用该扩展需要确保系统已安装 PHP XDebug 扩展。.../XML 关闭标签 Auto Rename Tag:自动命名成对的 HTML/XML 标签 Beautify:美化 JavaScript、JSON、CSS、Sass 和 HTML 代码 Eslint:在工作区已安装...Path intellisense:在写html标签时,遇到文件路径时,能自动提示和补全 PHP DocBlocker的设置 { "php-docblocker.extra": [
VS Code 是一个由微软开发,同时支持 Windows、 Linux 和 macOS 等操作系统的免费代码编辑器,它支持测试,并内置了 Git 版本控制功能,同时也具有开发环境功能,例如代码补全、代码片段和代码重构等...它可以帮助您通过Git责任注释和代码镜头一目了然地看到代码作者的身份,无缝地导航和浏览Git存储库,通过强大的比较命令获得有价值的见解,等等。...JavaScript Booster 当在JavaScript(或TypeScript/Flow)中编辑代码时,此VS Code扩展提供了各种代码操作(快速修复)。...TypeScript Hero TypeScript Hero是一个vscode扩展,使您的生活更轻松。在编写大量代码时,TypeScript您可能需要vscode来组织导入。...TypeScript Importer 在工作空间文件中自动搜索TypeScript定义,并提供所有已知符号作为完成项以允许代码完成。
vscode插件安装 Dracula Official 主题(我的最爱) Material Icon Theme 图标主题 Chinese Language Pack 中文语言包 GitLens 在代码中显示每一行代码的提交历史...遗憾就是,对webpack项目中的路径别名无法识别 【全局】 npm Intellisense 在import语句中,自动填充npm模块。...": false, "git.autofetch": true, // 在push代码时,是否先自动从远端拉取代码 "git.enableSmartCommit": true, "gitlens.advanced.messages..."editor.selectionHighlight": false, // 默认情况下,当处于“代码片段模式”(在插入的代码中编辑占位符)时,VS会防止snippets弹出打开。..."editor.tabCompletion": "onlySnippets", // 默认情况下,当前的语言没有代码片段提示时,VS Code将使用当前文件中的你自己写过的单词来显示代码片段提示
都不用我安利VS code,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VS code比德芙还丝滑的强大功能所折服。 我是来给大家安利插件的,想做个比较全面的插件集合给大家。...另外,在使用 JSX 或 TypeScript 项目中,它能够开箱即用。 ? 3.Faker 使用流行的 JavaScript 库 – Faker,能够帮你快速的插入用例数据。...当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。 ? ?...14.Npm Intellisense 用于在import语句中自动填充npm模块 ?...filesize显示效果 18.GitLens 能显示每一行代码的作者以及提交时间。 ? 19.Git history Git 历史 ?
大家好,又见面了,我是你们的朋友全栈君。...vscode 通用插件 中文 主题 标签主题 格式化 给括号加上不同的颜色, 方便区分代码块 本地文件修改历史 单词拼写检查 git 历史提交记录 GitLens 前端插件 自动闭合HTML/XML标签...require 时的包提示(node必备) Vetur (推荐)(vue必备) VueHelper Vue TypeScript Snippets Vue 2 Snippets bootstrap v3...names require 时的包提示(node必备) Npm Intellisense Vetur (推荐)(vue必备) Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化...VueHelper vue代码片段 Vue TypeScript Snippets vue的 typescript 代码片段 Vue 2 Snippets vue 2代码片段 bootstrap v3
领取专属 10元无门槛券
手把手带您无忧上云