みなさん、こんにちは、私は大きな灰色オオカミです。
最近ので、最初は今日VUEに師事、私はVUEここに主に共有に、導入していない、との以前の接触ので、フロントエンドVUEを使用して、独立したフロントとプロジェクトの後端を行うことにより、VUEプロジェクトを実行する方法です私は同じではありません、これは主に話しているWindowsのインストール環境で、MACを使用すると、Mac環境をインストールし、VUEプロジェクトを実行する方法です。
インストールのNode.js
ダウンロード
入力nodejs公式サイトをダウンロードNode.jsのために、私はバージョン12.14.0をダウンロード
インストール
インストールがノードにすべて一緒に、その後、完了すると、NPMはインストールする手順は、ステップバイステップでフォロー
検証
node -v #查看node版本 npm -v #查看npm版本
それはNPMのノードのインストールを来るときので。バージョンが表示された場合は、インストールは成功です。
最新バージョンへのアップデート
npm -g install npm #更新至最新版本
実行VUEプロジェクト
ここで言及し、ウィンドウ場合は、同じ手順に従ってください
淘宝網のミラーのインストール
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org #使用sudo目的是npm安装在了/usr/local/lib下,没有对应的操作权限
インストールプロジェクトの依存関係
Vueのプロジェクトは、インストールのルートディレクトリに入り、次のコマンドを実行して、周りに座ると、インストールが完了するまで待機する必要があり、インストールが完了し、ルートディレクトリは、よりnode_modulesフォルダの、プロジェクトのすべての依存VUEの操作があるでしょう
cnpm install
プロジェクトの実行
コマンドを実行します。
cnpm run dev
戻る私のプロジェクトでcnpm実行のdevのDEVがDEV環境を表し、フィールド定義オブジェクトのスクリプトスクリプト、どのpackage.jsonファイルでは、当然のことながら、コンフィギュレーションに対応する他の環境、異なる環境があり、あなたはそれぞれの地域に対応したコマンドを実行するための唯一の必要性を実行します。
例えば、私のプロジェクトは、これらがあります。
"scripts": { "dev": "node build/dev-server.js", "build:prod": "cross-env NODE_ENV=production node build/build.js", "build:sit": "cross-env NODE_ENV=sit node build/build.js", "build:sit-preview": "cross-env NODE_ENV=sit npm_config_preview=true npm_config_report=true node build/build.js", "lint": "eslint --ext .js,.vue src" }
実行後、アップフロントVUEのプロジェクトを完了し、環境の構成に応じて、アドレスバックエンドを聴きます。
つまり、この記事は参考になりました場合に出会った運命で、ご支援をありがとうございました、私にとって非常に重要である、それをサポートするために賞賛を指して手を動かしてください!