npm インストールチュートリアル: 1. Node.jsインストールパッケージをダウンロードする公式サイト: https://nodejs.org/en/ 2. 使用する前に、まずこれら 3 つが何に使用されるかを理解しましょう。webpack: その主な目的は、リソースのマージやパッケージ化など、ブラウザ側でリリースする必要があるすべての静的リソースを CommonJS 構文を通じて準備することです。 vue-cli: ユーザーが生成した Vue プロジェクト テンプレート。 (Vue プロジェクトをすぐに開始できるように支援します。つまり、基本的な依存ライブラリを含む Vue 構造のセットを提供し、npm install だけでインストールできます) 図に示すように、現在ダウンロードされているバージョンは 14.16.0 LTS (現在ユーザーに推奨) です。 ダブルクリックしてインストール1. まず、デフォルトのパスはCドライブであることがわかります。ここではインストールの例としてDドライブを取り上げます:d:\node.js 「次へ」をクリック 完了をクリック 次にwin + rショートカットキー echo %PATH%と入力します node -vとnpm -vを入力します C:\Users\Administrator\AppData\Roamingを見てみましょう npm のローカル リポジトリがシステム ディスク C ドライブのユーザー ディレクトリで実行されていることがわかります (npm-cache は使用されていないため表示されません。キャッシュ ディレクトリは使用されるとすぐに生成されます)。これらの 2 つのディレクトリを D:\nodejs に戻します。 まず、以下に示すように2つのディレクトリを作成します。 次に、次の2つのコマンドを実行します。 npm config プレフィックス "D:\nodejs\node_global" を設定します 以下に示すように、npmのローカルリポジトリを見て、npm list -globalコマンドを入力してみましょう。 ミラーサイトを設定するには、npm config set registry=http://registry.npm.taobao.org コマンドを入力します。 すべての設定情報を表示するには、npm config list コマンドを入力します。 1 つの設定ファイルに注目してみましょう。 C:\Users\Administrator.npmrc txt テキストまたはテキスト エディターを使用すると、現在の構成情報を確認できます。 ミラーステーションが動作するか確認します。コマンド1 npm config レジストリを取得する ミラーステーションが正常かどうかを確認するコマンド2 このとき、デフォルトのモジュール D:\nodejs\node_modules ディレクトリが D:\nodejs\node_global\node_modules ディレクトリに変更されることに注意してください。 (以下の操作では、上記の環境変数を有効にするために CMD を再度開く必要があることに注意してください) 1. vue.jsのNPMインストールをテストするコマンド: npm install vue -g 見てみましょう: D:\nodejs\node_global\node_modules\vue 2. vue-routerのNPMインストールをテストするコマンド: npm install vue-router -g npm install vue-cli -g を実行してVue scaffoldingをインストールします。 パス環境変数にD:\nodejs\node_globalを追加します。 CMDを再度開き、Vueが正常に動作しているかどうかをテストします。 vue-cli ツールには、webpack や webpack-simple などのテンプレートが組み込まれていることに注意してください。前者は、より複雑で専門的なプロジェクト向けです。 初期化、インストールの依存関係: npm installを実行して依存関係をインストールします npm run devを実行します。 指示に従ってブラウザで http://localhost:8080 を開きます。 ブラウザを自動的に開く http://localhost:8080/#/ DOSコマンドを入力します: npm run build 静的ファイルを生成し、distフォルダに新しく生成されたindex.htmlファイルを開きます。 次に、Hbuilderxツールを使用してNode.jsとnpmを設定します。 公式サイト: https://www.dcloud.io/hbuilderx.htmlHubilderX リンク プロジェクトを実行するには、ターミナルでnpm run devと入力します。 これで、node.js のインストールと HbuilderX の設定に関するこの記事は終了です。より関連性の高い node.js HbuilderX の設定コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: Windows10にMySQL5.6.35データベースを2つインストールする
1. 角を丸くする今日の Web デザインは、常に最新の開発テクノロジーに追随しており、HTML5 ...
この記事では、参考までに、ファイルのオンラインプレビューを実現するためのvue-pdfの具体的なコー...
目次序文基礎を築くプロトタイプコンストラクタのプロパティ__プロト__プロトタイプチェーン改善する要...
目次オープニングシーンv-for を使用した直接レンダリングカスタムコンポーネントで直接レンダリング...
作成されたタブラベルがページの表示領域を超えると、タブラベルの距離だけ自動的にスクロールされます。ま...
目次JSはFileReaderを通じて.txtファイルの内容を取得します。 .txtファイルの読み取...
ウェブサイトやサービスのパフォーマンスは、データベースの設計(適切な言語開発フレームワークを選択した...
この記事では、主にMACオペレーティングシステムでのMySQL5.7とMySQLWorkbenchの...
MySQL-8.0.23 をダウンロードクリックしてダウンロード: mysql-8.0.23-li...
目次過去1週間の時間を取得する過去1か月の時間を取得する過去3か月分を取得新しい Date() と ...
Windows と Linux 間でファイルを転送する場合は、Xftp ツールを使用できます。この...
ここ2日間ちょっと忙しくて、公式アカウントも数日更新が止まってしまいました。その結果、何人かの読者か...
これは、VPS サーバー用の一般的なワンクリック パフォーマンス テスト スクリプトです。マシンの構...
知識への依存Go クロスコンパイルの基礎Dockerの基礎Dockerfileカスタムイメージの基本...
目次なぜ最適化するのですか? ?どこから始めますか? ?解決策は何ですか? ? ?どうやって選ぶ? ...