分类目录归档:技术

macOS Init Guide

homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
Code language: JavaScript (javascript)

homebrew source

cd "$(brew --repo)"
git remote set-url origin https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/brew.git
cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"
git remote set-url origin https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/homebrew-core.git
brew update
brew install caskroom/cask/brew-cask 
Code language: PHP (php)

iTerm 2

brew cask install iterm2

zsh

brew install zsh zsh-completions

OhMyZsh

sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
Code language: JavaScript (javascript)

zsh-sytax-highlighting

brew install zsh-syntax-highlighting
source /usr/local/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh

powerline

# clone
git clone https://github.com/powerline/fonts.git --depth=1
# install
cd fonts
./install.sh
# clean-up a bit
cd ..
rm -rf fonts
Code language: PHP (php)

sublime text 3

brew cask install sublime-text
ln -s /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl /usr/local/bin/subl

autojump

brew install autojump

然后将下面这段代码加入 shell 的配置文件中,比如.bashrc.zhsrc 中.

[ -f /usr/local/etc/profile.d/autojump.sh ] && . /usr/local/etc/profile.d/autojump.sh

nvm (Node.js 环境管理)

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash
nvm install node
nvm use node
Code language: PHP (php)

nrm(Node.js Mirro 管理)

npm install nrm -g --save
nrm use taobao
Code language: PHP (php)

PyEnv(Python 环境管理)

curl https://pyenv.run | bash
Pyenv install 3.7.3
Code language: JavaScript (javascript)
export PATH="/Users/bestony/.pyenv/bin:$PATH"
eval "$(pyenv init -)"
eval "$(pyenv virtualenv-init -)"
Code language: JavaScript (javascript)

rbEnv

brew install rbenv
eval "$(rbenv init -)"
Code language: JavaScript (javascript)

常用软件

brew cask install 1password sublime-text google-chrome

Logoly Trending 排名

Logoly 的 Trending 排名达到了第十名,Good!

5c98a09ee1076

更新,日榜第7

5c98cba68d28f

更新,日榜第6

5c98eed402579

更新,日榜第五

5c9925b1b6959

个人也上榜了 Trending

5c993679a47cd

更新,第四名

5c99cc7883d66

今天早上掉到了第6,我就没截图。结果,中午就回到了第五

重回第四

登录第三

5c9c1d717cc33

Vue 引入预处理器

Vue Cli3 默认的配置是不带 CSS 的预处理器的,需要自己引入。好在,引入的方法非常简单,只需要安装对应的依赖,会自动适配的。

SCSS/SASS

npm install -D sass-loader node-sass

LESS

npm install -D less-loader less

Stylus

npm install -D stylus-loader stylus

产品体验的优化

在设计产品时,通过不同的方法,可以优化产品的体验。

比如,可以在界面中突出部分元素来让用户可以更好的使用。

不过,目前我看过的设计相关的图书不多,所以不敢在这个方面进行调整,所以考虑使用引导提示的方式进行优化。

我找到的可用的库:

https://introjs.com/ 付费

https://github.com/jwarby/jquery-pagewalkthrough 免费

https://pulsardev.github.io/vue-tour/

后续需要读的书:

  1. 别让我思考
  2. 设计中的设计

安装配置 nRFgo Studio 应用程序

nRFgo Studio 是 Nordic 提供的针对其芯片的开发工具,你可以通过它来开发 nrf 芯片。

你只需要前往 :
https://www.nordicsemi.com/Software-and-Tools/Development-Tools/nRFgo-Studio/Download#infotabs 下载安装文件。

下载到本地以后,执行安装,建议在安装的过程中,将设备连接到电脑上,这样在安装时会自动识别芯片,从而安装对应的驱动。

安装完成的效果

5c8f016f73bed

用 Netlify 来挂载你的 Gitbook 电子书

Netlify 也是一家提供了静态页面托管的服务。

这样的服务目前有三家:Netlify、Github Pages、Now.sh

相比于 Github Pages ,由于比较新,所以还没有那么受关注,速度也还行。

Easy WP Book 使用的原本是 Github Pages,但是速度太慢,所以决定改用 Netlify。

netlify 相比于 Github Pages 来说,优势比较多,比如,支持多域名、支持自动的 Https 等。很方便。

配置时需要注意的是,gitbook 的环境中,默认是没有 gitbook 的,你需要自己安装。

命令截图。

所以,在 build command 里,填入如下内容:npm install -g gitbook-cli && gitbook install && gitbook build

并在 publish 目录填入 _book/ 即可。