微信APP打开调试
微信APP打开下面这个网页
http://debugx5.qq.com
勾选调试功能
调试页面
chrome 调试
chrome://inspect#devices
edge 调试
edge://inspect/#devices
腾讯的调试
https://x5.tencent.com
调试界面
问题
调试页面啥也没有：需要网络能访问谷歌的资源。
看不见调试的网页：重启微信，重新拔插数据线。
在设置中添加 scss 的配置。当然我之前安装了 gem install sass。
目前就可以在边上出现同名但是扩展名不同的文件了。
这个编译后产生的文件。
我很奇葩的遇到了。错误。加了 -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-map2020_03_05
我最近抹盘重装了系统。发现 npm 安装 sass 给直接就能用。之前我是 brew 安装的。
https://sass-lang.com/install
相关连接：
WebStorm：https://www.jetbrains.com/webstorm/
Vue.js 插件
*.wpy 文件的高亮设置
处理 rpx 这种单位，但是并不完美，不管愿不愿意，老是去空格，然后 WePY 就会疯狂编译。
sed -i "" s/"\ rpx"/rpx/g $FilePath$有的时候，队友拒绝使用 Git 这里版本管理工具，而且 Mac 与 Windows 或者不同的 IDE 的关系，总是有时候队友编辑后端的文档就会出现很多空行。这个时候不想理他的话可以自己使用 正则 查找替换一下。
^\s*\n 
由于一些原因，不得不使用shell操作。我是没找到 DataGrip 这工具如何使用 \G 的方法。
# 设置以后查询输出结果到的文件
wx_yqwxapp_dev> pager cat > /Users/felix/Desktop/1.txt
PAGER set to cat > /Users/felix/Desktop/1.txt
Time: 0.000s
# 直接查询就会输出查询结果到文件了
wx_yqwxapp_dev> select * from ims_ewei_shop_order where id=199\G
1 row in set
Time: 0.050s
# 关掉查询结果输出到文件
wx_yqwxapp_dev> nopager
Pager disabled.
Time: 0.000sshell 执行运行时间很长的程序时，尤其是使用云服务器的时候，如果不小心断开了ssh，可能正在进行的程序就直接结束了。
运行了个很长时间的脚本。我这个大概需要20个小时。
$ php copy.php这时候我们不想结束这个脚本，但是也不想在这里傻等。 可以在这个 shell 按 Ctrl z，这个时候这个正在运行的程序就挂起到后台了。但是现在关闭 ssh 肯定会杀死它的。
^Z
[1]+ 已停止 php copy.php这时候我们可以在后台先让它运行着。 % 后面的数字就是 [ ] 里面的数字。jobs 可以看一看挂起的程序
$ bg %1
[1]+ php copy.php &
$ jobs
[1]+ 运行中 php copy.php &之后用 disown 就可以把它给系统的后台了。
$ disown -h %1之后用 top 或 htop 观察它吧。
PS: bg 相对的还有 fg，就是 挂起到后台的程序显示到前台。
目标是不要让我自己摆放，那样会打断我的思路。要自己会摆放，我写字就好。
纠结对齐的我在也不会因为一个像素的问题小心翼翼的移动鼠标了。因为它对不齐你也管不了。
Graphviz
https://www.graphviz.org
使用 Graphviz 渲染 DOT 描述的内容。
PlantUML
https://plantuml.com/
UML 工具，我还是喜欢能够成为纯文本的 UML 格式，方便版本管理。
Gitgraph.js
http://gitgraphjs.com
用 JavaScript 代码，在 HTML 页面上创建 漂亮的 GIT 提交记录。
思维导图
http://hizzgdev.github.io/jsmind/developer.html
这个东西并不让我满意，但是也能用。我更期望找到一个能够将大纲视图转换为思维导图的工具。
https://markmap.js.org/
这个工具是我比较满意的。
jTopo
http://www.jtopo.com/demo/edit.html
jTopo（Javascript Topology library)是一款完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包。