M1 ProチップでVueプロジェクトを開始する方法

導入

独身の日の買い物中に、m1 pro を搭載した MacBook Pro を購入しました。すべての環境を再度セットアップする必要があります。バックエンド プロジェクトは比較的簡単で、idea をインストールして起動するだけです。フロントエンドの Vue にはあまり詳しくないので、少し調べて環境を構築し、Vue を起動しました。

Homebrewをインストールする

Homebrew は Mac でのソフトウェアのインストールを管理するための優れたツールなので、Mac を入手したらすぐに Homebrew をインストールしました。ネットワーク上の理由によりインストールが失敗する場合があります。以下のコマンドを使用すると、国内のミラーを使用でき、インストールが高速化されます。

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

1 を入力した後、プロンプトに従って手順ごとにインストールします。

nvmをインストールする

Nvm は Node のバージョンを管理するためのツールです。プロジェクトが増えると Node 環境を切り替える必要が常に生じるため、Nvm を使用して Node をインストールすることをお勧めします。以下のコマンドでインストールできます。

brew インストール nvm

インストールが完了したら、環境変数を設定する必要があります。以下のコマンドを使用して .bash_profil 構成ファイルを編集します。

vi ~/.bash_profile

次の構成スクリプトをファイルに記述します。

エクスポート NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # nvmをロードします

書き込んだら設定を有効にするために以下のコマンドを実行します。

ソース ~/.bash_profile

ノードをインストールする

次に、nvm 経由で Node をインストールします。M1 pro チップに適合したノードのバージョンは v15 です。

いいえ、v15

コマンドを実行した後、ノードをコンパイルするのに長い時間がかかります。しばらくお待ちください。約 5 ～ 10 分かかり、その後インストールが成功したことを示すメッセージが表示されます。もう 1 つ注意: エラーを報告する場合は、まず 443、接続タイムアウトなどのネットワークの問題であるかどうかを確認してください。

インストール完了

この時点でgit+homebrew+Node+npmの構築は完了です。次に、npm install および npm run ... コマンドをローカルで実行して、フロントエンドの Vue プロジェクトを起動し、通常どおりにアクセスできます。

npm パッケージのインストールに失敗しました: 国内イメージを変更することで必要な依存関係をインストールできます。以下のコードを正常に実行した後、npm install を実行して依存関係をダウンロードし、プロジェクトを正常に開始できます。テスト済みで効果的です。

npm config レジストリを設定します https://registry.npm.taobao.org
npm 情報 アンダースコア

M1 pro チップで Vue プロジェクトを開始する手順についてはこれで終わりです。M1 pro で Vue を開始する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。