空谷-CSDN博客

原创 MacOS M1 安装 node-canvas 报错解决方案

M1 原生的在 node15 没有发布 canvas 的二进制版本。因此安装 canvas时会自动从源码进行编译，但是如果没有安装相应依赖就会报错。解决方案arch -arm64 brew install pkg-config cairo pango jpeg giflib librsvg故障排除Homebrew 无法安装如果遇到Error: Failure while executing; `tar --extract --no-same-owner --file /Users/wenbi

2021-06-18 10:11:28 2696

原创图片占位符 lqip-loader 简介与使用

图片占位符 lqip-loader 简介与使用![image.png](https://img-blog.csdnimg.cn/img_convert/b402d368c32cb839b87b271756e819dd.png#align=left&display=inline&height=226&margin=[object Object]&name=image.png&originHeight=226&originWidth=506&size=7

2021-01-20 15:59:52 918

原创 umi 使用 less 变量定义主题色

umi 提供了主题变量替换的能力，只需要在配置文件中按照键值对形式进行替换，即可一键替换主题色。但是，直接使用 js 来书写变量并不方便，且没有提示，因此使用lesss书写，并转为 js 文件1. 书写 less@primary-color: #78eaff;2. 转换 less 为 js在 src/theme文件夹下创建 variables.ts 文件。用 less-vars-to-js 包将 less 变量转为 js对象import lessToJs from 'less-vars-to-

2020-06-08 22:34:01 5051 1

原创 MacOS 10.14.5 Electron公证（Notarization）申请教程

Electron 10.14.5 公证（Notarization）申请教程从MacOS 10.14.5开始，所有“新”开发人员签名的App都需要进行公证（Notarization），否则将触发苹果的Gatekeeper，阻止用户安装你的App。这意味着，除了对 App 进行签名，还需要对其进行公证。如果你尝试启动应在MacOS 10.14.5上未经公证的Appp，则会看到以下的错误消息：打...

2019-09-04 02:08:26 6033 9

原创 Mac 安装electron缓慢的3种解决方案

1. 通过 npm 命令配置首先需要将npm的包下载地址改为淘宝镜像地址：全局设置淘宝镜像源：npm config set registry https://registry.npm.taobao.org/然后将electron包下载地址注册位淘宝的镜像:npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/elec...

2019-07-12 10:52:53 6225 4

原创解决Typescript 中 TS2339 报错：Property does not exist on type 'Global'”

在用 TS 进行 electron 开发时，我需要在 main 端将一些方法数据挂在在 global 对象上。比如我需要将 windows 对象挂在到 global 上，但是一写则报 TS2339 这个错误：Property 'windows' does not exist on type 'Global'.网上找了很多办法，比如定义全局 type 文件等等，最后的结局方法如下。最终解决方...

2019-07-11 18:22:53 38219 4

原创 PyCharm 自动格式化 Python 代码

autopep8 是一个将 Python 代码自动排版为 PEP8 风格的工具，在 PyCharm 中直接格式化代码可以使用 autopep8。一、autopep8 简介使用 autopep8 前我们有必要先了解下 PEP 8 – Style Guide for Python Codehttps://pypi.python.org/pypi/autopep8/二、安装和使用 autopep...

2019-05-09 14:07:55 10681

原创 MacOS的 python2 和 python3 版本切换方法大全

一、简单方式，修改 alias（范围仅限于Terminal）1、检查环境变量（可不用设置）新开一个 terminal 窗口，输入如下命令打开.bash_profile： $ vi ~/.bash_profile检查是否存在如下设置，如果没有则添加：# Setting PATH for Python 2.7# The original version is saved in .bas...

2019-05-09 01:34:15 2037 2

原创 robotjs 踩坑记——Robotjs 安装使用教程指南

想在 Electron 上实现跨应用复制文本，发现目前可能唯一能实现的是 robotjs。中途踩了不少坑，写下这篇安装教程指南记录。1. 安装 robotjsnpm i robotjs安装到了项目中，然后require('robotjs');2. 报错情况很不幸，翻车了，报错提示<project>/node_modules/robotjs/build/Releas...

2019-05-08 01:52:12 11875

原创 react dva subscriptions 使用教程指南

dva中我们可以在 Model 中实现事件监听， model 中的 subscriptions 相当于一个监听器，可以监听路由变化，鼠标，键盘变化，服务器连接变化，状态变化等，这样在其中就可以根据不同的变化做出相应的处理，在这个 subsriptions 中的方法名是随意定的，每次变化都会一次去调用里面的所有方法，所以一边会加相应的判断。通过在model 中添加一个 subscriptions...

2019-05-07 05:27:36 12001

原创 Windows 右键添加指令

Windows 右键添加指令目标：单个文件以 Sublime Text 打开，文件夹以 Webstorm 打开。需要修改注册表来完成指令注入。 win +R 输入 regedit 打开注册表编辑器。Sublime text 3选择 HKEY_CLASSES_ROOT -> * -> shell ，右键，新建 -> 项，命名为 Sublime Text...

2018-03-25 14:47:15 1742

原创 Webpack console 与 debug 体验提升配置教程

Webpack 进行默认编译时会有很多无用的信息，需要进行清理，只显示少量信息，并便于排错。Console 清理使用 FriendlyErrorsWebpackPlugin 插件，可以帮助清理 console 的信息。安装插件npm i -D friendly-errors-webpack-plugin配置插件// webpack.config.js co...

2018-02-12 18:34:11 4313 1

原创 Webstorm 中 SASS 环境配置的简易方法

在很多关于 Webstorm 的文章中都提到安装 Ruby 然后配置 SASS 开发环境，但是对于我来说 Ruby 的安装配置太过麻烦，在查阅 NPM 后发现 SASS 其实有一个 Node 版本。叫 node-sass 。利用其搭建了 Webstorm 的 SASS监听环境，非常快捷与方便。在此做个记录：安装 node-sass利用 NPM 或 Yarn 安装 node-sass

2018-01-25 11:56:24 3890

原创 React 的装载过程图示

React 的装载过程如下图所示。

2018-01-11 15:54:01 316

原创 Python3(3.6) Windows环境下安装 Scrapy 的记录

截至我文章发表时（2018.1.11）日，Scrapy在Win10 Python3下基本可以通过简单的 pip 安装。下面给出具体安装的步骤。使用 pip install Scrapy 命令来安装 Scrapy 的众多依赖库中可以自动安装的依赖库（包括lxml、zope.interface、pyopenssl 等）。注意：如果 Error 中错误是由于 Read time out 引

2018-01-11 15:50:35 266

原创 Gitbook 一键部署至 GitHub Pages

Gitbook 的资料文档使用的是 Digital Ocean 的主机，而 DO 家的很多地址被墙了，导致往往无法访问。因此我在思考除了将书籍发布到 GitBook.io 以外，能不能部署到其他地方？这时我找到了一个渠道——将书籍发布到 GitHub Pages。由于 gitbook 书籍可以通过 gitbook 本地构建出 site 格式，所以可以直接将构建好的书籍直接放到 GitHub Page

2017-12-10 19:02:22 5633

原创 CMD 和 Powershell 的字体显示修改教程

一开始在使用 Powershell 的时候觉得宋体实在太难看。（要知道在 Atom 的 platformio-ide-terminal 用的字体效果就非常舒服）于是萌生了能够修改字体的想法。但是发现Powershellmore情况下能修改的字体十分有限。在知乎的这个回答：为什么 Windows 下 cmd 和 PowerShell 不能方便地自定义字体？，了解到 Powershell 和 CMD 一

2017-11-23 03:17:50 2194

原创 jupyter notebook 主题修改

利用 jupyterthemes 修改主题并修改windows下的字体样式

2017-11-13 16:27:56 5154 2

原创 Atom 下运行 Node 时 NODE_ENV 默认变成 Production 的解决方法

Atom 下终端插件的 NODE_ENV 环境变量问题解决方法

2017-10-31 21:58:55 1241

原创解决Atom 的 GitHub 和 Git 面板无法打开

在使用 Atom 的时候，发送了一个非常奇怪的事情。就是 Github 和 Git 的面板无法出来，进入安全模式也一样失败。后来在 GitHub 的 Issue 中找到好几个相似问题。最后发现是我把了 “NODE_ENV”的环境变量改了。等到改回来之后就好了，在这里做个记录，指不定谁也会遇到… johnwebbcole commented on 28 Jun • A workarou

2017-10-27 01:36:44 2618

原创 Atom 下 Hydrogen 的安装与使用教程

Hydrogen 是一个能在 Atom 中模拟 Jupyter 编辑方式的插件，在这里做一个安装与简单使用的记录。的安装步骤1. 安装 IJavascriptnpm install -g ijavascript2. 安装 Jupyter因为 IJavascript 需要利用到 Jupyter,因此需要安装 Jupyter 用 Python 的包管理器

2017-10-25 23:53:14 10567