VUE-CLI スキャフォールディングを使用した VUE プロジェクトのナニー レベルのチュートリアルのデプロイ
npm—インストールチュートリアル、vue スキャフォールディングのインストール
npm: NodeJS とともにインストールされるパッケージ管理ツールで、NodeJS コードのデプロイメントにおける多くの問題を解決できます。たとえば、一般的に使用されるものは次のとおりです。
1) ユーザーがローカルで使用するために、他の人が作成したサードパーティ パッケージを NPM サーバーからダウンロードできるようにします。
2) ユーザーがローカルで使用するために、他の人が作成したコマンド ライン プログラムを NPM サーバーからダウンロードしてインストールできるようにします。
3) ユーザーが独自のパッケージまたはコマンド ライン プログラムを NPM サーバーにアップロードして、他のユーザーが使用できるようにします。
まず第一に:
図に示すように、最初にnodejs.orgからnodejsをダウンロードし、8.9.3LTSをダウンロードし(ほとんどのユーザーに推奨)
、ダブルクリックしてインストールします。
Next
には常にデフォルトのパスを使用できます。この例では、それを変更します。 d:\nodejs に移動し
、[インストール] をクリックして
インストールします 完了
ディレクトリに次のファイルがあるかどうかを確認します
制御コマンド ライン プログラム (CMD) を開き、正常かどうかを確認し、
他の 2 つのディレクトリ、npm のローカル ウェアハウスを確認しますシステムディスク c ディスクのユーザー ディレクトリで実行されています (npm-cache は表示されません。使用されていないため、キャッシュ ディレクトリが使用されるとすぐに生成されます)。これら 2 つのディレクトリを D に戻そうとします。 \nodejs は
、まず下の図に示すように 2 つのディレクトリを作成し
、次に次の 2 つのコマンドを実行します。
npm config set prefix “D:\nodejs\node_global”
npm config set queue “D:\nodejs\node_cache”
上に示すように、注意してください。 npm ローカル ウェアハウスに再度アクセスし、コマンド npm list -global を入力し
、コマンド npm config set registry=http://registry.npm.taabao .org を入力します。 ミラー ステーションを構成します。
コマンド npm config list を入力して、すべての構成情報を表示します。設定ファイル
C:\Users\Administrator.npmrcに注目し
、テキストエディタで編集すると、先ほどの設定情報が表示されますので、
ミラーステーションが動作するか確認してください コマンド 1
npm config get registry
ミラー ステーションが動作するかどうかを確認します。コマンド 2
Npm info vue で vue 情報を取得できるかどうかを確認します
。この時点で、デフォルトのモジュール D:\nodejs\node_modules ディレクトリが
D:\nodejs\node_global\node_modules ディレクトリに変更されることに注意してください。
npm install などのコマンドを直接実行すると、エラーが報告されます。
行う必要があることは 1 つあります:
1. 環境変数 NODE_PATH の内容を増やします: D:\nodejs\node_global\node_modules
1. NPM インストール vue.js をテストする
コマンド: npm install vue -g
ここで、-g はグローバル グローバル ディレクトリにインストールすることを意味します
2. NPM インストール vue-router をテストする
コマンド: npm install vue-router -g
3. vue スキャフォールディングをインストールする
npm install vue-cli -g を実行します。
環境の編集、パスの編集
win10以下のバージョンのD:\nodejs\node_globalを
path環境変数に追加し、PATHを横向きに表示します末尾に追加する場合はセミコロン【;】が無いように注意してください
CMD を再度開き、vue が正常に動作しているかどうかをテストします
。vue-cli ツールには、webpack および webpack-simple を含む組み込みのテンプレートがあることに注意してください。前者はより複雑で専門的なプロジェクトであり、その構成はすべてルート ディレクトリの webpack.config.js。
初期化、依存関係のインストール
npm run dev (開発を実行)
ブラウザ http://localhost:8080/#/ を自動的に開きます。
