HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

分享一个跨平台小程序脚手架,涵盖UI库和主题、请求、代码规范等插拔式应用框架

uniapp

源码地址:https://github.com/PhotoArtLife/uniapp-scaffold
备注:基于此脚手架曾上线过多款厂里商业性产品,欢迎issue!

简介:
uniapp-scaffold 是一款跨平台小程序脚手架,配备一定基础UI库和规范的插拔式应用框架。

特点:
全: 一套code,实时打包输出各端小程序 + h5 + app
简: Vue写法,内置基础组件库和Vuex、Services、Utils等丰富能力

调研:
基于跨平台小程序框架+ kpui(一个不断完善的组件库)的mini app(小程序 + h5 + app)
当前混合版仅上线百度、头条、支付宝、微信等相关平台,更多动态请参观uni-app官网或联系脚手架作者

Guides | 参考资料:
uni-app文档
微信官方小程序文档
微信小程序API
头条小程序文档
百度小程序文档
支付宝小程序文档
airbnb javascript standard
Ant Design introduce
JD Front-End Coding Guidelines
React系多端统一开发解决方案Taro

Dev | 开发姿势:

  1. 工具,先下载各平台开发工具(IDE)https://uniapp.dcloud.io/quickstart
  2. 在Hbuilder中导入当前项目(uni-app类型),修改或更新当前配置,manifest.json和pages.json
  3. 配置插件,菜单栏点击插件管理可以安装当前项目所需要的插件和loader,(less、babel、es6等),npm insatll (步骤3不分先后)
  4. 菜单栏点击运行到要开发的小程序平台,不习惯当前IDE的可以切换到VS Code,同步开发,实时编译
  5. 进入各家开发者后台,提审,发布
  6. 更多补充中

注意事项/坑:
使用Vue.js注意事项 https://uniapp.dcloud.io/use
根据不同平台小程序做条件编译(非常重要)https://uniapp.dcloud.io/platform
高级开发技巧 https://uniapp.dcloud.io/snippet
性能优化建议 https://uniapp.dcloud.io/performance

继续阅读 »

源码地址:https://github.com/PhotoArtLife/uniapp-scaffold
备注:基于此脚手架曾上线过多款厂里商业性产品,欢迎issue!

简介:
uniapp-scaffold 是一款跨平台小程序脚手架,配备一定基础UI库和规范的插拔式应用框架。

特点:
全: 一套code,实时打包输出各端小程序 + h5 + app
简: Vue写法,内置基础组件库和Vuex、Services、Utils等丰富能力

调研:
基于跨平台小程序框架+ kpui(一个不断完善的组件库)的mini app(小程序 + h5 + app)
当前混合版仅上线百度、头条、支付宝、微信等相关平台,更多动态请参观uni-app官网或联系脚手架作者

Guides | 参考资料:
uni-app文档
微信官方小程序文档
微信小程序API
头条小程序文档
百度小程序文档
支付宝小程序文档
airbnb javascript standard
Ant Design introduce
JD Front-End Coding Guidelines
React系多端统一开发解决方案Taro

Dev | 开发姿势:

  1. 工具,先下载各平台开发工具(IDE)https://uniapp.dcloud.io/quickstart
  2. 在Hbuilder中导入当前项目(uni-app类型),修改或更新当前配置,manifest.json和pages.json
  3. 配置插件,菜单栏点击插件管理可以安装当前项目所需要的插件和loader,(less、babel、es6等),npm insatll (步骤3不分先后)
  4. 菜单栏点击运行到要开发的小程序平台,不习惯当前IDE的可以切换到VS Code,同步开发,实时编译
  5. 进入各家开发者后台,提审,发布
  6. 更多补充中

注意事项/坑:
使用Vue.js注意事项 https://uniapp.dcloud.io/use
根据不同平台小程序做条件编译(非常重要)https://uniapp.dcloud.io/platform
高级开发技巧 https://uniapp.dcloud.io/snippet
性能优化建议 https://uniapp.dcloud.io/performance

收起阅读 »

开发者中心Unipush推送页面优化介绍

unipush

1. 更新简述

(1)页面改版,模块区分出公共模块、安卓配置、ios配置
(2)通知消息-支持ios推送
(3)通知消息-增加通知渠道模板
(4)通知消息-后续动作改造
(5)通知消息-通知栏图标改造
(6)透传消息-新增测试预览
(7)特定用户支持手动输入
(8)apn模块,payload支持自定义key、value
(9)数据统计中,推送记录和推送数据页面合并
(10)用户分组从头部移到应用内

2. 页面改版

(1)页面改版,模块区分出公共模块、安卓配置、ios配置


(2)新旧版本按钮位置移动


(3)数据统计,推送记录和推送统计合并,点击红框“推送数据”弹窗新页面


(4)用户分组位置从头部转移到应用内;且支持系统版本标签选择

3. 新增点

(1)通知消息-支持ios推送,并增加手机预览样式

(2)通知消息-增加拆分记录:同一条消息推送,会在推送记录中,分别以Android和ios两个目标平台区分为两条记录

(3)通知消息-后续动作改造:原高级设置中的透传消息移动到后续动作的附加消息

(4)通知消息-增加通知渠道模板:整合铃声、震动、浮动、唤醒屏幕这些提醒方式,通过渠道的方式来使用;
作用如下:
1、有些厂商要求一定要带Channel ID;
2、设置好提醒方式,下次可直接使用,方便管理

配置管理-增加渠道配置页面,用于新增、查看通知渠道模板
1、模板不支持修改和删除
2、每个应用默认有两个模板:“Default”和“Push”;
(1)Default的渠道优先级为“默认(PRIORITY_DEFAULT)”;
(2)Push的渠道优先级为“PRIORITY_HIGH”;

(5)通知消息-增加通知栏图标:
1、默认图标 :通知栏展示个推SDK已设置好的push.png;厂商不支持显示push.png,显示的是桌面图标;图标无预览样式
2、APP本地图标:个推SDK支持设置多个push.png,填写指定的push.png;厂商不支持显示push.png,显示的是桌面图标;图标无预览样式
3、上传图标:通知栏展示上传的本地图标;该选项不支持走厂商通道
4、指定图标路径:通知栏展示指定路径的图标,图片可以为http或https开头的网络资源;该选项不支持走厂商通道;图标无预览样式

(6)透传消息-增加测试预览

(7)APNs模块-payload改造:用于补充下发需携带的其他参数
Payload和消息内容一致:key=payload,value=消息内容
Payload内容自定义:key=payload,value自定义
自定义:key和value均自定义

(8)特定用户,支持手动输入


4. 删除点

展示条件、联网方式近半年使用率极低;厂商不支持清除通知,功能无效;故删除该3点功能

继续阅读 »

1. 更新简述

(1)页面改版,模块区分出公共模块、安卓配置、ios配置
(2)通知消息-支持ios推送
(3)通知消息-增加通知渠道模板
(4)通知消息-后续动作改造
(5)通知消息-通知栏图标改造
(6)透传消息-新增测试预览
(7)特定用户支持手动输入
(8)apn模块,payload支持自定义key、value
(9)数据统计中,推送记录和推送数据页面合并
(10)用户分组从头部移到应用内

2. 页面改版

(1)页面改版,模块区分出公共模块、安卓配置、ios配置


(2)新旧版本按钮位置移动


(3)数据统计,推送记录和推送统计合并,点击红框“推送数据”弹窗新页面


(4)用户分组位置从头部转移到应用内;且支持系统版本标签选择

3. 新增点

(1)通知消息-支持ios推送,并增加手机预览样式

(2)通知消息-增加拆分记录:同一条消息推送,会在推送记录中,分别以Android和ios两个目标平台区分为两条记录

(3)通知消息-后续动作改造:原高级设置中的透传消息移动到后续动作的附加消息

(4)通知消息-增加通知渠道模板:整合铃声、震动、浮动、唤醒屏幕这些提醒方式,通过渠道的方式来使用;
作用如下:
1、有些厂商要求一定要带Channel ID;
2、设置好提醒方式,下次可直接使用,方便管理

配置管理-增加渠道配置页面,用于新增、查看通知渠道模板
1、模板不支持修改和删除
2、每个应用默认有两个模板:“Default”和“Push”;
(1)Default的渠道优先级为“默认(PRIORITY_DEFAULT)”;
(2)Push的渠道优先级为“PRIORITY_HIGH”;

(5)通知消息-增加通知栏图标:
1、默认图标 :通知栏展示个推SDK已设置好的push.png;厂商不支持显示push.png,显示的是桌面图标;图标无预览样式
2、APP本地图标:个推SDK支持设置多个push.png,填写指定的push.png;厂商不支持显示push.png,显示的是桌面图标;图标无预览样式
3、上传图标:通知栏展示上传的本地图标;该选项不支持走厂商通道
4、指定图标路径:通知栏展示指定路径的图标,图片可以为http或https开头的网络资源;该选项不支持走厂商通道;图标无预览样式

(6)透传消息-增加测试预览

(7)APNs模块-payload改造:用于补充下发需携带的其他参数
Payload和消息内容一致:key=payload,value=消息内容
Payload内容自定义:key=payload,value自定义
自定义:key和value均自定义

(8)特定用户,支持手动输入


4. 删除点

展示条件、联网方式近半年使用率极低;厂商不支持清除通知,功能无效;故删除该3点功能

收起阅读 »

承接各行业商城及衍生项目, 成熟商城产品, 支持B2C, B2B2C, 社交电商

官方网站
www.ccmao.net

产品体验

联系微信(qinghuiyang-lcq)

1 产品介绍

创创猫电商系统是基于JavaEE技术的企业级电子商务平台系统,以其安全稳定、强大易用、高效专业等优势赢得了用户的广泛好评。创创猫为大、中、小企业提供一个安全、高效、强大的电子商务解决方案,协助企业快速构建、部署和管理其电子商务平台,拓展企业销售渠道,突显电子商务商业价值。

2 产品优势

支持多种电商模式

B2C: 商家自营
B2B2C : 平台商家入驻
社交电商: 会员快速裂变, 分销分润

绚丽风格,极致视觉体验

采用电子商务流行设计元素,给用户以极致的视觉体验,基于uniapp技术开发,提供丰富的组件,让页面设计更加简单。

100%源代码支持

严格遵循Java标准开发规范,全面源代码及注释支持。

优异性能,轻松实现高负载应用

采用多级缓存、全文检索、云存储等技术,使得系统的响应速度和负载能力大大提升。

多重安全防护机制

XSS防御、CSRF防御、SQL安全防御、RSA传输加密、暴力破解防护...针对各类攻击采用多重安全防护措施,有效保障用户的系统及数据安全。

强大功能,丰富的第三方应用扩展

高扩展性插件设计,多种第三方应用集成。微信、支付宝、快捷登录、快递100、站长统计、阿里云存储、FTP存储...

3 技术架构

开发语言: Java

数 据 库 : MySQL

后端框架: Spring、SpringMVC、JPA

前端框架: Uni-app、vue、iview

全文检索: Lucene

依赖管理: Maven

继续阅读 »

官方网站
www.ccmao.net

产品体验

联系微信(qinghuiyang-lcq)

1 产品介绍

创创猫电商系统是基于JavaEE技术的企业级电子商务平台系统,以其安全稳定、强大易用、高效专业等优势赢得了用户的广泛好评。创创猫为大、中、小企业提供一个安全、高效、强大的电子商务解决方案,协助企业快速构建、部署和管理其电子商务平台,拓展企业销售渠道,突显电子商务商业价值。

2 产品优势

支持多种电商模式

B2C: 商家自营
B2B2C : 平台商家入驻
社交电商: 会员快速裂变, 分销分润

绚丽风格,极致视觉体验

采用电子商务流行设计元素,给用户以极致的视觉体验,基于uniapp技术开发,提供丰富的组件,让页面设计更加简单。

100%源代码支持

严格遵循Java标准开发规范,全面源代码及注释支持。

优异性能,轻松实现高负载应用

采用多级缓存、全文检索、云存储等技术,使得系统的响应速度和负载能力大大提升。

多重安全防护机制

XSS防御、CSRF防御、SQL安全防御、RSA传输加密、暴力破解防护...针对各类攻击采用多重安全防护措施,有效保障用户的系统及数据安全。

强大功能,丰富的第三方应用扩展

高扩展性插件设计,多种第三方应用集成。微信、支付宝、快捷登录、快递100、站长统计、阿里云存储、FTP存储...

3 技术架构

开发语言: Java

数 据 库 : MySQL

后端框架: Spring、SpringMVC、JPA

前端框架: Uni-app、vue、iview

全文检索: Lucene

依赖管理: Maven

收起阅读 »

分享mqtt.js插件要用到的package.json

大佬的连接在这里:
https://ext.dcloud.net.cn/plugin?id=854#

大佬的连接在这里:
https://ext.dcloud.net.cn/plugin?id=854#

动态修改TitleNView RedDot,支持App 和 H5

titleNView uniapp

app部分来自于 https://github.com/dcloudio/hello-uniapp

export function setTitleNViewStyle(index, show,text) {  
    let pages = getCurrentPages();  
    let page = pages[pages.length - 1];  
    // #ifdef APP-PLUS  
    let currentWebview = page.$getAppWebview();  
    if(show){  
        if(index === 0){  
            currentWebview.showTitleNViewButtonRedDot({index:index,text:text})  
        }else{  
            currentWebview.setTitleNViewButtonBadge({index:index,text:text})  
        }  
    }else{  
        if(index === 0){  
            currentWebview.hideTitleNViewButtonRedDot({index:index})  
        }else{  
            currentWebview.removeTitleNViewButtonBadge({index:index})  
        }  
    }  
    // #endif  

    // #ifdef H5  
    if(show){  
        if(index === 0){  
            document.querySelectorAll('.uni-page-head-hd .uni-page-head-btn')[1].classList.add('uni-page-head-btn-red-dot');  
        } else {  
            document.querySelector('.uni-page-head-ft .uni-page-head-btn').classList.add('uni-page-head-btn-red-dot');  
        }  
    } else {  
        if(index === 0){  
            document.querySelector('.uni-page-head-btn-red-dot').classList.remove('uni-page-head-btn-red-dot');  
        } else {  
            document.querySelector('.uni-page-head-ft .uni-page-head-btn-red-dot').classList.remove('uni-page-head-btn-red-dot');  
        }  
    }  
    // #endif  
}  
继续阅读 »

app部分来自于 https://github.com/dcloudio/hello-uniapp

export function setTitleNViewStyle(index, show,text) {  
    let pages = getCurrentPages();  
    let page = pages[pages.length - 1];  
    // #ifdef APP-PLUS  
    let currentWebview = page.$getAppWebview();  
    if(show){  
        if(index === 0){  
            currentWebview.showTitleNViewButtonRedDot({index:index,text:text})  
        }else{  
            currentWebview.setTitleNViewButtonBadge({index:index,text:text})  
        }  
    }else{  
        if(index === 0){  
            currentWebview.hideTitleNViewButtonRedDot({index:index})  
        }else{  
            currentWebview.removeTitleNViewButtonBadge({index:index})  
        }  
    }  
    // #endif  

    // #ifdef H5  
    if(show){  
        if(index === 0){  
            document.querySelectorAll('.uni-page-head-hd .uni-page-head-btn')[1].classList.add('uni-page-head-btn-red-dot');  
        } else {  
            document.querySelector('.uni-page-head-ft .uni-page-head-btn').classList.add('uni-page-head-btn-red-dot');  
        }  
    } else {  
        if(index === 0){  
            document.querySelector('.uni-page-head-btn-red-dot').classList.remove('uni-page-head-btn-red-dot');  
        } else {  
            document.querySelector('.uni-page-head-ft .uni-page-head-btn-red-dot').classList.remove('uni-page-head-btn-red-dot');  
        }  
    }  
    // #endif  
}  
收起阅读 »

自己打造

插件功能 纯手工打造,好累呀

插件功能 纯手工打造,好累呀

xinguan2020 - 新冠抗疫开源项目大汇总。出入管理、访客登记、社区管理、健康统计、疫情查询

抗疫

疫情紧急,各地急需it系统,为管控疫情提供强力支撑。

DCloud牵头,组织开发者开发了大量抗疫开源项目:出入人员登记、学生健康情况统计、员工健康统计、消毒管理登记、物资管理系统...

  • 所有项目全部基于木兰宽松许可证,可自由免费的使用项目源码,包括前端和后端。
  • 所有项目前端全部基于uni-app,可以随意发布为app、h5网页和各种小程序版,跨全端使用
  • 所有项目后端全部基于uniCloud(阿里云定制版),云服务全免费、无需请款流程,无需考虑双机热备、瞬时大并发、以及安全DDoS防护。直接用就好了。

如何使用这些开源项目?

  • 如果你是需求单位,找技术人员部署这些项目即可,有必要的话可以修改源码定制。每个项目的readme里有运行和部署的说明文档。
  • 如果你是外包开发商,可以把这些系统快速交付给你的客户。不需要为DCloud付费。
  • 如果你想运营SaaS托管平台,让各个单位可以免部署直接开户,也没问题,欢迎基于这些开源项目改造,自建多账户托管的平台。不需要为DCloud付费。

一句话,代码、服务器,全白用,只为抗疫做贡献!

开源项目总地址:https://gitee.com/dcloud/xinguan2020/

案例汇总地址:http://xinguan2020.dcloud.net.cn/

交流QQ群:797192690

继续阅读 »

疫情紧急,各地急需it系统,为管控疫情提供强力支撑。

DCloud牵头,组织开发者开发了大量抗疫开源项目:出入人员登记、学生健康情况统计、员工健康统计、消毒管理登记、物资管理系统...

  • 所有项目全部基于木兰宽松许可证,可自由免费的使用项目源码,包括前端和后端。
  • 所有项目前端全部基于uni-app,可以随意发布为app、h5网页和各种小程序版,跨全端使用
  • 所有项目后端全部基于uniCloud(阿里云定制版),云服务全免费、无需请款流程,无需考虑双机热备、瞬时大并发、以及安全DDoS防护。直接用就好了。

如何使用这些开源项目?

  • 如果你是需求单位,找技术人员部署这些项目即可,有必要的话可以修改源码定制。每个项目的readme里有运行和部署的说明文档。
  • 如果你是外包开发商,可以把这些系统快速交付给你的客户。不需要为DCloud付费。
  • 如果你想运营SaaS托管平台,让各个单位可以免部署直接开户,也没问题,欢迎基于这些开源项目改造,自建多账户托管的平台。不需要为DCloud付费。

一句话,代码、服务器,全白用,只为抗疫做贡献!

开源项目总地址:https://gitee.com/dcloud/xinguan2020/

案例汇总地址:http://xinguan2020.dcloud.net.cn/

交流QQ群:797192690

收起阅读 »

HBuilderX内置控制台在插件安装了npm情况下 无法运行命令npm和Node 但是明明已经插件中安装了npm

HBuilderX

HBuilderX内置控制台在插件安装了npm情况下 无法运行命令npm和Node 但是明明已经插件中安装了npm
这个需要安装NODE和NPM在电脑里面而不是直接使用插件里面的那个NPM
哪位可以实验一下

HBuilderX内置控制台在插件安装了npm情况下 无法运行命令npm和Node 但是明明已经插件中安装了npm
这个需要安装NODE和NPM在电脑里面而不是直接使用插件里面的那个NPM
哪位可以实验一下

Hx alpha 最新版,无法播放拉流

HBuilderX

Hx alpha最新版 ios 12.4.5 无法播放拉流 普通视频没问题,切换到上一版本就可以播放了 android 没有这问题

Hx alpha最新版 ios 12.4.5 无法播放拉流 普通视频没问题,切换到上一版本就可以播放了 android 没有这问题

仿vscode的material的暗黑色主题

注意 需要切换主题到 雅蓝

{  
    "editor.caretWidth": 1,  
    "editor.colorScheme": "Atom One Dark",  
    "explorer.autoReveal": true,  
    "editor.renderWhitespace": false,  
    "editor.codeassistFontSize": 14,  
    "editor.viewIndentationGuides": false,//是否显示代码缩进对齐线  
    "explorer.iconTheme": "vs-seti",  
    "workbench.colorCustomizations": {  
        "[Atom One Dark]": {  
            //标题栏  
            "titleBar.activeBackground":"#263238",  
            //工具栏  
            "toolBar.background": "#263238", //工具条背景  
            "toolBar.border": "#263238",  
            "toolBar.hoverBackground": "#263238",  

            //按钮  
            "button.background": "#80CBC420", //按钮背景  
            "button.foreground": "#ffffff", //按钮前景  

            //文本框  
            "input.background": "#303C41", //文本框背景颜色  
            "input.foreground": "#ffffff", //前景颜色  
            "focusBorder": "#FFFFFF00", //文本框有焦点时边框颜色  
            "input.border": "#FFFFFF10",  
            "input.hoverBackground": "#263238",  

            //列表控件  
            "list.foreground": "#495C66", //前景颜色  
            "list.activeSelectionBackground": "#263238",  
            "list.activeSelectionForeground": "#80CBC4",  
            "list.hoverBackground": "#263238",  
            "list.inactiveSelectionBackground": "#00000030",  

            //项目资源管理器  
            "sideBar.background": "#263238",  
            "sideBarSectionHeader.background": "#263238",  

            // 标签卡  
            // "tab.Background":"#263238",  
            "editorGroupHeader.tabsBackground": "#263238", //背景颜色  
            "tab.border": "#263238", //边框颜色  
            "tab.activeBorder": "#263238", //选中时的边框颜色  
            "tab.activeBackground":"#263238",  
            "tab.activeForeground": "#FFFFFF",  
            "tab.inactiveBackground": "#263238", //未选中时的背景颜色  
            "tab.inactiveForeground": "#607a86",  
            "tab.hoverBackground": "#263238",  
            "tab.unfocusedActiveBorder": "#546E7A",  

            //代码助手  
            "editorSuggestWidget.background": "#263238", //助手弹窗背景颜色  
            "editorSuggestWidget.border": "#263238", //助手边框颜色  
            "editorSuggestWidget.foreground": "#495C66", //前景颜色  
            "editorSuggestWidget.highlightForeground": "#80CBC4",  
            "editorSuggestWidget.selectedBackground": "#00000050", //助手弹窗选中条目时背景颜色  

            //预览按钮  
            "extensionButton.prominentBackground": "#263238",  
            "extensionButton.prominentForeground": "#495C66",  
            "extensionButton.border": "#263238",  
            "extensionButton.prominentHoverBackground": "#263238",  

            // 分栏  
            "editorGroup.border": "#495C66", //分割线颜色  
            "tab.unfocusedActiveForeground": "#EEFFFF", //未激活分组里选中标签前景色  

            //滚动条  
            "scrollbarSlider.background": "#495C66",  
            "scrollbarSlider.hoverBackground": "#495C66",  

            //搜索下拉框  
            "inputValidation.infoBorder": "#82AAFF50",  

            //编辑区  
            "editor.background": "#263238",  
            // "editor.foreground": "#EEFFFF",  
            // "editorLineNumber.foreground": "#37474F",  
            "editorLineNumber.activeForeground": "#607a86",  
            // "editor.lineHighlightBorder": "#00000000",  
            "editor.rangeHighlightBackground": "#FFFFFF0d",  
            // "editorWhitespace.foreground": "#EEFFFF40",  

            //设置  
            "settings.dropdownForeground": "#EEFFFF",  
            "settings.dropdownBackground": "#263238",  
            "settings.textInputForeground": "#ffffff",  
            "settings.textInputBackground": "#263238",  
            "settings.dropdownBorder": "#263238",  
            "settings.dropdownListBorder": "#263238", //下拉列表item边框  
            "settings.dropdownForeground": "#ffffff", //下拉列表前景颜色  

            //终端  
            "terminal.background": "#263238",  
            "terminal.foreground": "#ffffff",  
            "panelTitle.activeForeground": "#ffffff",  
            "console.background": "#263238",  
            "debug.background": "#263238",  

            //底部状态栏  
            "statusBar.background": "#263238",  
            "statusBar.foreground": "#495C66",  
            "statusBar.border": "#495C66",  

            "minimap.handle.background": "#495C66"  
        }  
    }  
}

继续阅读 »

注意 需要切换主题到 雅蓝

{  
    "editor.caretWidth": 1,  
    "editor.colorScheme": "Atom One Dark",  
    "explorer.autoReveal": true,  
    "editor.renderWhitespace": false,  
    "editor.codeassistFontSize": 14,  
    "editor.viewIndentationGuides": false,//是否显示代码缩进对齐线  
    "explorer.iconTheme": "vs-seti",  
    "workbench.colorCustomizations": {  
        "[Atom One Dark]": {  
            //标题栏  
            "titleBar.activeBackground":"#263238",  
            //工具栏  
            "toolBar.background": "#263238", //工具条背景  
            "toolBar.border": "#263238",  
            "toolBar.hoverBackground": "#263238",  

            //按钮  
            "button.background": "#80CBC420", //按钮背景  
            "button.foreground": "#ffffff", //按钮前景  

            //文本框  
            "input.background": "#303C41", //文本框背景颜色  
            "input.foreground": "#ffffff", //前景颜色  
            "focusBorder": "#FFFFFF00", //文本框有焦点时边框颜色  
            "input.border": "#FFFFFF10",  
            "input.hoverBackground": "#263238",  

            //列表控件  
            "list.foreground": "#495C66", //前景颜色  
            "list.activeSelectionBackground": "#263238",  
            "list.activeSelectionForeground": "#80CBC4",  
            "list.hoverBackground": "#263238",  
            "list.inactiveSelectionBackground": "#00000030",  

            //项目资源管理器  
            "sideBar.background": "#263238",  
            "sideBarSectionHeader.background": "#263238",  

            // 标签卡  
            // "tab.Background":"#263238",  
            "editorGroupHeader.tabsBackground": "#263238", //背景颜色  
            "tab.border": "#263238", //边框颜色  
            "tab.activeBorder": "#263238", //选中时的边框颜色  
            "tab.activeBackground":"#263238",  
            "tab.activeForeground": "#FFFFFF",  
            "tab.inactiveBackground": "#263238", //未选中时的背景颜色  
            "tab.inactiveForeground": "#607a86",  
            "tab.hoverBackground": "#263238",  
            "tab.unfocusedActiveBorder": "#546E7A",  

            //代码助手  
            "editorSuggestWidget.background": "#263238", //助手弹窗背景颜色  
            "editorSuggestWidget.border": "#263238", //助手边框颜色  
            "editorSuggestWidget.foreground": "#495C66", //前景颜色  
            "editorSuggestWidget.highlightForeground": "#80CBC4",  
            "editorSuggestWidget.selectedBackground": "#00000050", //助手弹窗选中条目时背景颜色  

            //预览按钮  
            "extensionButton.prominentBackground": "#263238",  
            "extensionButton.prominentForeground": "#495C66",  
            "extensionButton.border": "#263238",  
            "extensionButton.prominentHoverBackground": "#263238",  

            // 分栏  
            "editorGroup.border": "#495C66", //分割线颜色  
            "tab.unfocusedActiveForeground": "#EEFFFF", //未激活分组里选中标签前景色  

            //滚动条  
            "scrollbarSlider.background": "#495C66",  
            "scrollbarSlider.hoverBackground": "#495C66",  

            //搜索下拉框  
            "inputValidation.infoBorder": "#82AAFF50",  

            //编辑区  
            "editor.background": "#263238",  
            // "editor.foreground": "#EEFFFF",  
            // "editorLineNumber.foreground": "#37474F",  
            "editorLineNumber.activeForeground": "#607a86",  
            // "editor.lineHighlightBorder": "#00000000",  
            "editor.rangeHighlightBackground": "#FFFFFF0d",  
            // "editorWhitespace.foreground": "#EEFFFF40",  

            //设置  
            "settings.dropdownForeground": "#EEFFFF",  
            "settings.dropdownBackground": "#263238",  
            "settings.textInputForeground": "#ffffff",  
            "settings.textInputBackground": "#263238",  
            "settings.dropdownBorder": "#263238",  
            "settings.dropdownListBorder": "#263238", //下拉列表item边框  
            "settings.dropdownForeground": "#ffffff", //下拉列表前景颜色  

            //终端  
            "terminal.background": "#263238",  
            "terminal.foreground": "#ffffff",  
            "panelTitle.activeForeground": "#ffffff",  
            "console.background": "#263238",  
            "debug.background": "#263238",  

            //底部状态栏  
            "statusBar.background": "#263238",  
            "statusBar.foreground": "#495C66",  
            "statusBar.border": "#495C66",  

            "minimap.handle.background": "#495C66"  
        }  
    }  
}

收起阅读 »