分类
日常记录

Stylus 解决一下编写小程序写 css 难受的问题

Stylus 解决一下编写小程序写 css 难受的问题。不是很优雅,但是能解决问题,有语法提示也不会多打几个字,感觉还是很香的。

编译出来的结果还算理想,不用管生成的 wxss rpx 随便格式化会有空格的问题。

Stylus 解决一下编写小程序写 css 难受的问题

JetBrains 是我很喜欢的工具,下面是我 WebStorm 的配置。

https://stylus.bootcss.com/ 可以先去官网简单浏览一下,这里只是使用了一下函数和 unit() 内置函数。

安装 stylus:npm install stylus -g

在 WebStorm 设置 stylus 的自动处理

设置
设置

--ext .wxss 这个很关键,是定义生成文件的后缀的。要不然默认是 css 后缀。

这里推荐两个插件,对于 WebStorm 写小程序有一些帮助。

TabNine https://plugins.jetbrains.com/plugin/12798-tabnine

Wechat mini program support https://plugins.jetbrains.com/plugin/13396-wechat-mini-program-support

相关连接:

分类
日常记录

DataGrip 在 Database 表名后面显示 comment 注释

DataGrip 在 Database 表名后面显示 comment 注释

打开这个选项,就能很直观的看见注释了,对于我这种英文不好的太有用了。

DataGrip:https://www.jetbrains.com/datagrip/

相关连接:

分类
日常记录

DataGrip Compare 差异对比

https://www.jetbrains.com/help/datagrip/differences-viewer-for-routines.html

上面这个链接是 DataGrip Differences viewer for files 的文档。

大概的使用方法就是,选择两个东西,先选择的和后选择的做比较对比差异,选择顺序对对比结果有影响。

分类
日常记录

Android Studio 的 Java 可以借来用用

这个事情其实困扰我很久,我就是不想在全局安装 Java,因为不能安装安装最新的,最新的 Android 不服,非常难受。所以目前坚持不单独安装 Java。

然后就是 Flutter 环境老一个不打勾,我觉得应该和我的 Java 环境有关系。

这里面有一句 Android sdkmanager tool not found 。我发现我整个电脑里面都没有 sdkmanager 。然后就踏上了寻找 sdkmanager 的路程。

不过过了很久我发现一个获得这个文件的方法。

cmdline-tools 这个安装了就会得到 sdkmanager 这个文件。

执行了一下,开心, 环境没有 Java。

然后我坚信一定是有地方有 Java 的,我就是不安装。

搜索了一下 Java ,果然有,就选择 Android Studio 的用用试试。

好了知道怎么借 Java 用了,咱们试试 sdkmanager 。

当然,原本是有很长很长的协议需要同意的,第二次就这样了。我感觉我要解决 Flutter 的那个问题了。

然而我讲文件复制到了对应的地方,出现了新的问题,要求更新,显然是个糟糕的建议,我到这里就放弃了……

最后欣赏一下这个截图,简单来讲,就是白忙活了……

Android Studio 的 Java 可以借来用用

分类
日常记录

iTerm 多个窗口同时输入

iTerm 是我现在最常用的终端。

iTerm

下面这样操作。一定要在一个标签页面下面。

iTerm

不过我和同事说这个操作的时候,同事提出的质疑是,这有什么用。我说,我用这个同时给 4 个 树莓派 部署了 k8s。

分类
日常记录

Sublime Text 安装插件 设置主题

安装插件

卸载插件

我安装的插件

手动安装插件

把文件放在这里就可以了。

配置

苹果+逗号(⌘,)

{
	"color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",
	"draw_white_space": "all",
	"ignored_packages":
	[
		"Vintage"
	],
	"show_encoding": true,
	"theme": "Spacegray.sublime-theme",
	"translate_tabs_to_spaces": true
}

theme 设置主题
color_scheme 设置配色

我自己改的主题配色

基于他们之前写的,自己改了部分样式,为了给别人截图时用,显示界面漂亮。

链接: https://pan.baidu.com/s/1DqkKZTZiwg9ixUMcU9Q2WA 密码: 9erw

分类
日常记录

Raspberry Pi 安装系统

下载系统

https://www.raspberrypi.org/downloads/

使用卡刷工具

启动时开启 ssh

在卡的 boot 根目录创建 ssh 这个空文件,启动后就打开了 ssh 服务

➜  boot touch ssh

ssh 连接

在路由器里面可以看分配给它的 IP
ssh pi@
默认用户名为 pi
默认密码 raspberry

修改主机名

我有4个,经常分不清谁是谁。所以需要修改主机名。
编辑树莓派的主机名

sudo vi /etc/hostname
分类
日常记录

Android 真机调试 微信 内部网页

微信APP打开调试

微信APP打开下面这个网页
http://debugx5.qq.com

勾选调试功能

调试页面

chrome 调试
chrome://inspect#devices

edge 调试
edge://inspect/#devices

腾讯的调试
https://x5.tencent.com

调试界面

问题

调试页面啥也没有:需要网络能访问谷歌的资源。
看不见调试的网页:重启微信,重新拔插数据线。

分类
日常记录

WebStorm scss 自动输出 css

在设置中添加 scss 的配置。当然我之前安装了 gem install sass。

WebStorm scss 自动输出 css
WebStorm scss 自动输出 css

目前就可以在边上出现同名但是扩展名不同的文件了。

这个编译后产生的文件。

WebStorm scss 自动输出 css

我很奇葩的遇到了。错误。加了 -E “UTF-8” 参数就好了。

/usr/local/bin/sass base.scss:base.css
ArgumentError: invalid byte sequence in US-ASCII
  Use --trace for backtrace.

Process finished with exit code 1

下面是我配置时填写的两行,就是默认值后面加了 -E “UTF-8”.

$FileName$:$FileNameWithoutExtension$.css -E "UTF-8"
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

–no-source-map 这个选项可以不生成 map

$FileName$:$FileNameWithoutExtension$.css --no-source-map

2020_03_05

我最近抹盘重装了系统。发现 npm 安装 sass 给直接就能用。之前我是 brew 安装的。
https://sass-lang.com/install

相关连接:

WebStorm:https://www.jetbrains.com/webstorm/

分类
日常记录

WebStorm WePY 开发微信小程序简单设置

Vue.js 插件

*.wpy 文件的高亮设置

处理 rpx 这种单位,但是并不完美,不管愿不愿意,老是去空格,然后 WePY 就会疯狂编译。

sed -i "" s/"\ rpx"/rpx/g $FilePath$