導入独身の日の買い物中に、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 をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
パート0 背景社内のイントラネットサーバーは直接インターネットにアクセスすることはできませんが、外部...
今日、私の同僚が MYSQL クエリ ステートメントの作成時に非常に奇妙な問題に遭遇しました。MyS...
iframe の使い方:コードをコピーコードは次のとおりです。 <DIV align=cent...
背景ご存知のとおり、nginx は高性能な Web サーバーであり、負荷分散やリバース プロキシによ...
序文最近、仕事で問題が発生しました。データベースを作成した後、データベースに接続するときにエラーが発...
問題の説明(キープアライブとは何か)キープアライブ 名前の通り、アクティブな状態を維持します。誰が活...
目次テーブル定義の自動増分 ID InnoDBシステムはrow_idを自動的に増加させるシドInno...
目次1. 異なるビューポートを取得する方法2. 水平画面と垂直画面のJavaScript検出3. 水...
ブロック引用の定義と使用法<blockquote> タグは引用ブロックを定義します。 &...
目次リスナーウォッチ形式リスナーを設定します。要約するリスナーウォッチ関数名は、リッスンする要素の名...
HTML5 では、ヘッダー、フッター、ナビゲーションなどのセマンティック タグが追加されているため...
01PARTCoreWebApiチュートリアルローカルデモ環境Visual Studio2019--...
「アダプティブ Web デザイン」はどのように機能しますか?実はそれほど難しいことではありません。 ...
グレースケールリリースとは、白と黒をスムーズに移行できるリリース方法を指します。 ABテストとは、グ...
新しいCSS3プロパティと互換性ありCSS3では、プラグインprefixfree.min.jsを使用...