blog

フロントエンドプログラマーのための超高速Macインストールガイド

前書き\n\n基礎知識\ngit\nmacのターミナルでgitコマンドを入力すると、xcodeのインストールを促されますが、xcodeは非常に大きく、フロントエンドプログラマにはあまり必要ないので、以...

Jul 28, 2020 · 5 min. read
シェア

前書き

基本コンテンツ

git

macのターミナルでgitコマンドを入力すると、xcodeをインストールするよう促されますが、xcodeは非常に大きく、フロントエンドのプログラマーにはあまり必要ないので、以下のコマンドでgitをインストールするだけです。

$ xcode-select --install
$ git init

加速

ネットワーク関連の問題がなければ、このサブセクションは無視してください。

自分でホストの設定を変更すると、改善がありますが、本当に限られている、まだvpnを購入することをお勧めします。

# GitHub Start
3.119 github.com
3.119 gist.github.com
. api.github.com
. assets-cdn.github.com
. raw.githubusercontent.com
. user-images.githubusercontent.com
. gist.githubusercontent.com
. cloud.githubusercontent.com
. camo.githubusercontent.com
. avatars0.githubusercontent.com
. avatars1.githubusercontent.com
. avatars2.githubusercontent.com
. avatars3.githubusercontent.com
. avatars4.githubusercontent.com
. avatars5.githubusercontent.com
. avatars6.githubusercontent.com
. avatars7.githubusercontent.com
. avatars8.githubusercontent.com
# GitHub End

多くの方はipを設定することで低速の問題を解決していますが、ipを設定してもクローンの速度が遅い場合が多いので、ここでは以下の方法をお勧めします。

git clone https://./.it

に変更します:

git clone https://.../.it

を素早くインストールするためのスクリプトの形で、設定情報の一部をクローンします。

$ git clone https://.//-.it
$ cd dot-files
$ chmod +x *.sh

ssh

新しいコンピューター、新しいsshキー、それを実行してパスワードを入力します。

$ ssh-keygen -t rsa -C "youremail@example.com"

brew

クローン化されたドットファイルに移動します。

// カレントディレクトリが既にドットファイルの場合は無視する
cd dot-files
/bin/bash ./brew_install

** **

ctrl+c一度閉じてから再度起動すると、ダウンロードされた部分が非常に速くダウンロードされます。

$ rm /Users/youname/Library/Caches/Homebrew/portable-ruby-2.6.3_2.yosemite.bottle.tar.gz
$ /bin/bash ./brew_install

iTerm2

iTerm2のウェブサイトから 直接ダウンロードして解凍してください。

iterm2

コンフィグ

$ cp iterm2 ~/Library/Application\ Support/iTerm2/DynamicProfiles/

設定が有効になります

Preferences > Profiles iterm2を再起動すると、インターフェイスにインポートされた設定が表示されるはずです。

追加のショートカット

  • alt + → : カーソルを右へ1単語移動
  • alt + ← : カーソルを右へ1単語移動
  • alt + del: 単語の削除

zsh

oh-my-zshインストール

$ NY zsh_install.sh 

ハイライト・プラグインのインストール

$ git clone https://./-/--.it ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

zshの設定

$ cp .zshrc ~/.zshrc
$ source ~/.zshrc

vim

私は SpaceVimを使っています。

$ curl -sLf https://.//.sh | bash -s -- -h

vimを再インストールし、システムのvimを上書きすることをお勧めします。

$ brew reinstall vim

SpaceVimの設定

$ cp .space-vim.toml ~/.SpaceVim.d/init.toml

nvm

ノードのバージョニングが nvmプッシュ

curl -o- https://../-//../.sh | bash

nvmの遅延ロードは、zshの最初のオープンの速度を向上させるために、実際の状況に応じて追加することを選択してください、デフォルトのnvmコマンドに影響を与える、zshrcのコンテンツにnvmを置き換えることができます。

export PATH="~/.nvm/versions/node/v/bin:$PATH"
nvm(){
 unfunction "nvm"
 [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
 [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_ 
 nvm "$@"
}

node npm

$ nvm install 10
$ nvm alias default 10

npmのグローバルな依存関係をインストールします。リストはbrew-casksファイルを参照してください。

$ ./npm.sh
$ nrm use taobao

yarn

brewでyarnをインストール

$ brew install yarn --without-node

brewは他のソフトウェアをインストールします。

brew経由でソフトウェアをインストールします。インストールは最後に行うことをお勧めします。インストールの一覧はbrew-casksファイルを参照してください。

$ ./brew.sh

フォント

自家製樽フォント

$ brew tap homebrew/cask-fonts

フォント推薦 フィラ・コード

$ brew cask install font-fira-code
$ brew cask install font-meslo-for-powerline
$ brew cask install font-sarasa-gothic # 太字

ソフトウェアパッケージ

vscode

vscode

codeコマンドでvscodeを起動

Command + shift + p シェルを入力

プラグインと設定情報の移行

設定の同期による拡張

ブラウザ

クローム

Googleアカウントは、閲覧履歴を含むすべての情報を移行することができます。

マイクロソフト・エッジ

これは本当にいい匂いです。とにかく、私は仕事でクロームを使う以外は、暇な時はすべてEdgeを使っています。

snipaste

スクリーンショットメーカー、 スニペースト公式サイト

設定ファイル

$ cp .snipaste ~/.snipaste/config.ini

(ショートカットキー

  • ⌘ + ⌃ + a : スクリーンショット

paste

コピー&ペーストマジック

コピーの履歴を記録 ⌘ + shift + v ペーストする内容を選択

Read next

webpack 学習

今後の更新にご期待ください。 フロントエンドの開発プロセスにおいて、webpackはアプリケーションのシナリオや開発手法と密接に関係しています。今、フロントエンドは、PCのWeb開発を行うだけでなく、様々なモバイルデバイスの普及に伴い、フロントエンドは、Web開発の様々な異なる解像度を考慮する必要があります。したがって、異なるシナリオのために別のパッケージを行うことが特に重要です。例えば、内部...

Jul 28, 2020 · 4 min read