作者归档:Keystion

wwdc2020杂记

首图

昨天苹果WWDC20敲定了举行时间,2020年6月22日,Online。

看见这些卡通形象很生动,特此Mark以下。

全屏看上去还是很有feel的。https://developer.apple.com/wwdc20/

以下是全部卡通形象

R7
R3
R4
R5
R6
L5
L6
L7
M0
R1
R2
L1
L2
L3
L4

如何解决Electron安装包下载慢的问题

问题描述

在运行官网示例的过程中,一个安装包(electron-v1.8.8-darwin-x64.zip)下载特别慢,基本下载不下来。更改npm的安装源到taobao的镜像,也没有效果。

解决方案

可以直接去淘宝镜像上面找到对应的包:

https://npm.taobao.org/mirrors/electron/

下载到本地,然后,将安装包(.zip文件)拷贝到以下路径(Mac):

~/.electron/

open ~/.electron/

<!– more –>

然后继续安装electron就可以了:

npm i electron -S

原文:https://www.jianshu.com/p/d4a8768e0617

Vue项目集成Sentry

示例代码

vue.config.js

module.exports = {
  pluginOptions: {
    'vue-cli-plugin-sentry': {
      registry: undefined,
      organization: 'webclown',
      project: 'project-1',
      apiKey: '40325cbe44584080bad902ef873c10342d737944e43a4c67bfff7836aa52b779',
      'release-mode': 'auto',
      baseSentryURL: 'https://sentry.webclown.net/api/0/',
      dsn: 'https://a54b1d1791344654a44cc8cc46197e51@sentry.webclown.net/1',
      release: '53a152b'
    }
  }
}

src/sentry.js

import Vue from 'vue';
import Raven from 'raven-js';
import RavenVue from 'raven-js/plugins/vue';

if ('production' === process.env.NODE_ENV || 'test' === process.env.NODE_ENV) {
    const ravenOptions = {
        release: process.env.__GIT_SHA__,
        environment: process.env.NODE_ENV
    };

    const dsn = 'https://a54b1d1791344654a44cc8cc46197e51@sentry.kaikeba.com/1';
    Raven.config(dsn, ravenOptions)
        .addPlugin(RavenVue, Vue)
        .install();

}

src/main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './sentry.js'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

部分配置说明

  1. vue-cli 3.x 完成项目初始化,

  2. 安装 vue-cli-plugin-sentry 配置Sentry,

终端执行

cd [项目路径]
vue add vue-cli-plugin-sentry

需要配置:

  • organization: 组织
  • project: 项目名称
  • apiKey: apiKey [私服]/settings/account/api/auth-tokens/ 自己项目地址生成
  • baseSentryURL: [私服]/api/0
  • dsn: 项目dsn

项目环境

{
  "devDependencies": {
    "vue": "^2.6.10",
    "@vue/cli-service": "^3.11.0",
    "raven-js": "^3.27.0",
    "vue-cli-plugin-sentry": "^1.1.1",
    "webpack-sentry-plugin": "^1.16.0"
  }
}

Centos 部署 YApi

刚刚部署了一下,还不错的项目

安装环境

安装 Node.js,官方安装方法

# On RHEL, CentOS or Fedora, for Node.js v8 LTS:
curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -
# Alternatively for Node.js 9:
curl --silent --location https://rpm.nodesource.com/setup_9.x | sudo bash -
# 安装 Node.js
sudo yum -y install nodejs
# Enterprise Linux(RHEL和CentOS)用户可以使用EPEL存储库中的Node.js和npm包。
# 为您的版本安装相应的epel-release RPM(在EPEL存储库主页上找到),然后运行:
sudo yum install nodejs npm --enablerepo=epel

安装构建工具,要从npm编译和安装本地插件,您可能还需要安装构建工具:

sudo yum install gcc-c++ make
# or: sudo yum groupinstall 'Development Tools'

安装 MongoDB,首先创建源,创建 mongodb.repo 文件

# 在/etc/yum.repos.d/目录下创建文件mongodb.repo,它包含MongoDB仓库的配置信息,内容如下:
# 复制代码, 代码如下:
[mongodb]
name=MongoDB Repository
baseurl=http://downloads-distro.mongodb.org/repo/redhat/os/x86_64/
gpgcheck=0
enabled=1

yum 安装 MongoDB

sudo yum install mongodb-org

为 YApi 初始数据库

use yapi // 创建yapi数据库 
db.wong.insert({"name":"kenny wong"}) // 插入一条数据,将在数据库列表中展示
show dbs // 查看所有数据库
db.addUser('yapi','yapi321') // 老的,数据库加用户的命令

db.createUser(
  {
    user: "yapi",
    pwd: "yapi321",
    roles:
    [
      {
        role: "userAdminAnyDatabase",
        db: "yapi"
      }
    ]
  }
)

<!– more –>

安装YApi

  1. 创建工程目录
mkdir yapi && cd yapi
git clone https://github.com/YMFE/yapi.git vendors --depth=1 # 或者下载 zip 包解压到 vendors 目录
  1. 修改配置
cp vendors/config_example.json ./config.json # 复制完成后请修改相关配置
vi ./config.json

配置如下,主要配置 MongoDB 数据库,以及 Admin 账号。

{
  "port": "3011",
  "adminAccount": "admin@admin.com",
  "db": {
    "servername": "127.0.0.1",
    "DATABASE":  "yapi",
    "port": 27017,
    "user": "yapi",
    "pass": "yapi123"
  },
  "mail": {
    "enable": true,
    "host": "smtp.163.com",
    "port": 465,
    "from": "***@163.com",
    "auth": {
        "user": "***@163.com",
        "pass": "*****"
    }
  }
}
  1. 安装依赖
cd vendors
npm install --production --registry https://registry.npm.taobao.org # 安装依赖
  1. 初始化
npm run install-server  # 安装程序会初始化数据库索引和管理员账号,管理员账号名可在 config.json 配置
# 默认输出
# 初始化管理员账号成功,账号名:"admin@admin.com",密码:"ymfe.org"
  1. 启动服务
# 后台启动,输出日志yapi.log
node server/app.js >> yapi.log 2>&1 & 
# 启动服务器后,请访问 127.0.0.1:{config.json配置的端口},初次运行会有个编译的过程,请耐心等候
# 127.0.0.1:3011

目录结构

|-- config.json
|-- init.lock
|-- log
|   `-- 2018-1.log
`-- vendors
    |-- CHANGELOG.md
    |-- LICENSE
    |-- README.md
    |-- client
    |-- common
    |-- config_example.json
    |-- doc
    |-- exts
    |-- nodemon.json
    |-- npm-debug.log
    |-- package.json
    |-- plugin.json
    |-- server
    |-- static
    |-- test
    |-- webpack.alias.js
    |-- yapi-base-flow.jpg
    |-- ydocfile.js
    `-- ykit.config.js

Originally posted by @jaywcjlove in https://github.com/YMFE/yapi/issues/103#issuecomment-359669968

autojump – a faster way to navigate your filesystem

一个不错的提效工具,它可以简化你在终端敲 cd 的次数,比如你经常敲想以下这种命令,

cd ~/workshop
cd ~/workshop/app-one/
cd ../app-two/
cd ~/workshop/app-three/
...
cd ~/workshop/app-ten/

安装它之后,可以简化以上过程:

j workshop
j one
j two
j three
...
j app-ten

<!– more –>

更多使用方式查看:https://github.com/wting/autojump

macOS Catalina(beta)Alfred 出现两条搜索结果

MacBook Pro 从 macOS Sierra 升级到 macOS Catalina(beta)之后,Alfred 出现了两个APP的搜索结果:System/Volumes/Data/Applications/wechat.app 和 Applications/wechat.app

Alfred 出现两条搜索结果

搜索了一下解决方案:打开 Alfred 偏好设置(Preferences)

Alfred 偏好设置(Preferences)

<!– more –>


Duplicate apps in results (10.15 and V4)

macOS Catalina(beta)下 Karabiner Elements 失效【转】

我把macOS提升到Catalina,现在我不能使用Karabiner-Elements,所以我做了修复它。

参考: https://github.com/tekezo/Karabiner-Elements/issues/1867

  • 打开Mac设置,然后选择 – Security & Privacy > Input Monitoring

  • 打开终端并打开Karabiner Elements bin文件所在的位置(可以快速复制以下命令)

open /Library/Application\ Support/org.pqrs/Karabiner-Elements/bin
  • 从打开的文件夹中Input Monitoring拖放以下两个文件。
    • karabiner_grabber
    • karabiner_observer

如果Input Monitoring文件中没有文件,并且无法添加文件,则Karabiner-EventViewer启动Input Monitoring文件时会添加文件,因此将包含其他文件。

sudo killall karabiner_grabber
sudo killall karabiner_observer

这也将使Karabiner-Elements正常工作。

<!– more –>

原文:macOS Catalina で Karabiner-Elements を有効にする

iPad/iPhone new Date(string) 报错:NaN

后端返回时间格式:2019-06-30,前端需要获取这天结束时间;

new Date('2019-06-30 23:59:59')  // not working

<!– more –>

这里借助 momentjs 处理了一下

var time = "2019-06-30" + " 23:59:59";

time = moment(time, 'YYYY-MM-DD hh:mm:ss').format('YYYY/MM/DD hh:mm:ss');

new Date(time); // working

iOS new Date(string) 年月日必须以 / 分隔不能以 -