1.缘由 我之前习惯使用 vscode 进行开发,对 vscode 的 one dark pro 主题情有独钟.无奈公司需要使用 Qt Creator 进行日常开发,只能暂时舍弃 vscode,采用曲线救国的方式,把 Qt Creator 打造为 vscode one dark pro 主题配色.写这篇博文一来方便后期查阅,二来也希望能帮助到有相同困扰的同仁. 2.效果对比 在网络上搜索了一番,发现很多 one dark pro 配色都不是很全,看起来挺别扭的.无意中发现一个 Qt Creato

前言 Qt Creator 自带了几款主题,但是并不好看.在博客 <Qt Creator打造VScode one dark pro主题配色> 中给出了 one dark pro 主题的配置文件,但是效果并不好,所以这里给出改进后的主题文件(只针对代码部分). 配置文件 在 D:\Qt\Tools\QtCreator\share\qtcreator\styles 中创建一个 onedark.xml 文件,然后在文件里面写入以下内容: <?xml version="1.0"

这个随笔主要介绍 vscode 配置 Pug Compile Hero Pro 插件的步骤,实现快速使用less 以及 scss 等的编程语言 第一步 当然是安装我们的插件啦! 在插件商店里 搜 Sass/Less/Scss/Typescript/Javascript/Jade/Pug Compile Hero Pro 然后安装 第二步 进入settings.json修改配置 下载好之后我们会发现这里有个齿轮图标 点击它 再点击扩展设置 再点击在settings.json中编辑 然后就进入set

本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率. VSCode 的基本使用可以参考我的原创视频教程「VSCode 高效开发必装插件」. VSCode(Visual Studio Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具. 官网为:https://code.visualstudio.com/ 1. VSCode 的基本使用视频教程 在我们的知识星球社区中给大家分享过我原创的

VSCode 必装的 10 个高效开发插件 https://www.cnblogs.com/parry/p/vscode_top_ten_plugins.html 本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率. VSCode 的基本使用可以参考我的原创视频教程「VSCode 高效开发必装插件」. 截图 VSCode(Visual Studio Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美

1.1 VSCode简介 VSCode官网:https://code.visualstudio.com/ 支持语音: 速度较快,对超大文件读写速度飞快(打开10M代码不到1s,Subline原生会卡近6s),插件数量相对少,有一些增强功能比如调试器, 终端,原生支持语言语法高亮较少(C# JS TypeScript是第一位),内置JS/TS调试器…可以基于不同项目(文件夹)设置偏好,写C#和JS/TS专用 注意:VSCode需要安装git和Framework 主题常用:Monokai 1.2 常

VSCode 必装的 10 个高效开发插件  本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率. VSCode 的基本使用可以参考我的原创视频教程「VSCode 高效开发必装插件」. 2. 10 个必装的编辑器插件 相当于视频教程的补充更新,这里再次给大家整理出 10 个必装的 VSCode 编辑器插件.编辑器的基本使用与插件的安装可以直接参考上面的视频教程. 2.1 文件图标 vscode-icons 插件名称:vscode-icon

原文地址:https://github.com/xieqingtian/blog/issues/2 由于本人主要是做react开发,用的代码编辑器是传说中的宇宙第一前端神器vscode, 所以在这里记录并推荐一些本人开发过程中常用的一些vscode插件帮助开发. 1. 代码提示类插件 1.1 Reactjs code snippets 1.2 React Redux ES6 Snippets 1.3 React-Native/React/Redux snippets for es6/es7 1.

最近在linux上跑一些开源库做学习用, 顺手就搭了一下vscode的c++开发环境, 这里分享一下vscode进行C++开发的基本环境结构. 1. 首先是编辑器, vscode直接官网下载的, 后期可以用 apt 直接更新, 个人觉得还是挺方便的, 有喜欢折腾的小伙伴可以去github上拉开源版本的下来自己编译, 这里不过多赘述 2. 其次是编译器, 我使用的是GNU编译器g++, 生成脚本我选择了makefile 以上是基础工具, 如果把vscode换成vim + shell脚本, 调试直接

VScode现在已经越来越完善.性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用. 走马观花前,请先将你的 vscode 更新到最新版本. 通用插件 HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检索 Debugger for Chrome 让 v

Monokai 主题 One Dark Pro主题   vscode设置字体 "editor.fontFamily": "MONACO, Consolas, 'Courier New', monospace",

安装依赖包: • One Monokai • Aglia • One Dark Pro • Material Icon   漂亮的主题: Themes Quokka 是一个调试工具插件,能够根据你正在编写的代码提供实时反馈 CSS Peek 使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方.当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码. HTML Boile

假设 Anaconda 和 VSCode 都安装好了. 安装插件 VSCode 自带的 python 高亮不是很好,这里我们用 One Dark Pro 插件, 以及安装 Python 插件. 设定 Anaconda 的环境 Anaconda 安装好了已可以正常使用,但我们这里生成自己的环境.在开始菜单中,点击 Anaconda3 中的 Anaconda Prompt 菜单,打开终端,此时命令提示符为 (base) C:\User\用户名>, 输入下面命令. conda create -n en

[本文参考:https://www.cnblogs.com/zhuzhenwei918/p/9057289.html  和 https://www.zhihu.com/question/30315894,本人根据自己实际需要修改] [官方教程:https://code.visualstudio.com/docs/languages/cpp] windows下用vscode写C++ 环境准备 安装vscode插件 工作区配置文件 运行 调试 配置好的模板下载 1.环境准备 下载VsCode安装即可

VScode现在已经越来越完善.性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用. 走马观花前,请先将你的 vscode 更新到最新版本. 通用插件 HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检索 Debugger for Chrome 让 v

原文地址:https://segmentfault.com/a/1190000006697219 VScode现在已经越来越完善.性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用. 走马观花前,请先将你的 vscode 更新到最新版本. 通用插件 HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提

{ //删除文件确认 "explorer.confirmDelete": false, // 主题 "workbench.iconTheme": "vscode-icons", // 小地图 "editor.minimap.enabled": true, // 主题风格One Dark Pro // "workbench.colorTheme": "One Dark Pro", //窗口

1:全局安装eslint `npm install -g eslint`2: 打开vscode 点击 “文件”----->“首选项”---->“设置”,在右侧“用户设置/settings.json”里加入一下配置: ```{ //eslint 代码自动检查相关配置 "eslint.enable": true, "eslint.autoFixOnSave": true, "eslint.run": "onType",

  主题:   One Dark Pro VS Code 官网页面 这是为 VS Code准备的 One Dark 主题,他是 Atom 标志性的主题.需要我说更多吗?我喜欢这个主题.     Monokai Pro VS Code 官网页面   ICON图标 vscode-更换图标主题VSCode Icons.   文章来源:刘俊涛的博客 欢迎关注,有问题一起学习欢迎留言.评论

插件 Auto Close Tag   自动关闭标签 Auto Rename Tag 自动修改标签 Bracket Pair Colorizer  多层括号不同颜色显示 EditorConfig for VSCode  统一编辑器配置 ESlint   js代码检查 htmlhint  html代码检查 File Icons   导航栏文件图标 OneDark-Pro 主题 Path Intellisense 路径提示/路径补全 Prettier 代码格式化 Sublime Text Keyma