- Node.jsのインストール
最初のノード、公式ウェブサイトのアドレスインストール:https://nodejs.org/en/download/を 、自分のコンピュータとの行にダウンロードダウンロードを行きます。
特定の参照アドレスノードのインストール手順: https://www.runoob.com/nodejs/nodejs-install-setup.html 。
インストールが完了したら、ターミナルを開くことができますし、インストールが成功したことを確認するために、ノード-vビューノードのバージョンを入力します。
ノードの新しいバージョンは、NPMを統合しているので、そうNPMの前に一緒にもインストールされています。同じことは、ライン、型NPMの-vコマンドのバージョンのNPMの使用を表示することができます。
PS:あなたは、それは遅すぎるの依存関係をダウンロードして見つけた場合、あなたは国内の淘宝網のミラーを切り替えることができます。コマンドライン:
設定レジストリhttps://registry.npm.taobao.org SETのNPMを
//任意のパッケージがダウンロードできない場合は、ソースNPMに切り替える
NPMの設定セット登録https://registry.mpmjs.org/
- エディタ
:エディタを使用したコードを戦うためのツールである、それはvscode、公式ウェブサイトのアドレスを推奨しますhttps://code.visualstudio.com/ 。各プラグインソフトのダウンロード内部、また、プロジェクトを実行するために、端末内で実行することができ、非常に便利です。
- 足場の取り付けVUEのVUE-CLI
Vueが、足場をインストールNPMコマンドラインを使用しました:
// 1.0 /2.0 NPMインストール-g VUE-CLI // 3.0 NPM -gする@ VUE / CLIをインストール
インストールしたら、コマンドラインにアクセスできる vue
コマンドを。あなたは、単に実行することができ vue
、それが正常にインストールされていることを確認するために、使用可能なすべてのコマンドのヘルプを発揮するかどうかを確認します。
また、正しいバージョン(3.xの)かどうかを確認するには、このコマンドを使用することができます。
--versionビュー
- 2.xのプロジェクトの初期化
VUEのinitのWebPACK名//名前はない、中国のために、プロジェクトフォルダの名前を表す
プロジェクト名でmyproject // myprojectに直接デフォルトの上流プロジェクト名の入力し、プロジェクト名を示す
プロジェクトの説明//プロジェクトの説明を、ここで直接デフォルトの表示を入力することができます私は何かを書いて、その後、削除
作者の作者XXX //名前を
?Vueのこの行を選択//スタンドアロンの構築
InstrallのVUE-ルータを?はい// VUE-ルータのルートをインストールするかどうか、[はい]を選択
してコードを使用ESLintラインを?//ですeslintを選択してコードを調整する、オプションはオプションで、コードの規範に厳密に従って戦うことを選んだ、より多くのスペースが与えられます
//ユニットテストを設定し、テストユニット部を作成し、オプションはオプションで
、我々はあなたのための`のNPM install`を実行する必要があります後プロジェクトが作成されている?(推奨 )NPM // 使用NPMコマンド
...
CD名:プロジェクトフォルダを入力し、プロジェクトディレクトリを構築し、自動的にインストールVUE-ルータなどででました。ノードモジュールがあるかどうかを確認し、その後、手動でプロジェクトの依存関係をインストールする必要はありません。
在项目文件夹下,执行命令行:npm install。运行项目,执行命令行:npm run dev。之后会自动编译,可直接点击localhost:8080或在浏览器中输入地址即可在浏览器中打开。
打包项目,执行命令行:npm run build。
- 3.x 初始化项目
3.x版本初始化项目步骤,可参考地址:https://www.jianshu.com/p/5e13bc2eb97c ,挺详细明了。
好了,以上就是建立vue项目的步骤。