node作成Vueプロジェクト手順詳細
vueのインストール
Vue.jsはIE 8および以下のバージョンをサポートしていません。Vue.jsはECMAScript 5の特性を使用していますので、IE 8は明らかにシミュレーションできません。
Vue.jsはECMAScript 5対応のブラウザをすべてサポートします。
Vue.jsで大規模なアプリケーションを構築するには、npmでインストールすることを推奨します。npmはwebpackなどのパッケージツールとうまく連携して使用できます。
まず、Vueのインストールはnode.jsに依存しています。あなたのコンピュータにnode.jsがインストールされていることを保証します。
nodeがインストールされているかどうか、またはnodeのバージョンをどう調べますか?
cmdに入って、命令のnode-vを入力して、車に帰って調べます。nodeは新しいバージョンを使ったほうがいいです。でないと、後続のインストールはnodeバージョンが低すぎることをヒントします。
もしnodeをインストールしたことがあるならば、nodeのバージョンを表示して、さもなくば内部あるいは外部の命令ではないことをヒントにして、この時自分でnodeのウェブサイトに行ってダウンロードします。
を選択して、
1,vueをインストールします
npm install vue
インストールが完了したら、バージョンを確認することができます。
vue-V
これでvueのインストールが成功しました。
vueプロジェクトを作成します。
1、グローバルインストールvue-cli
npm install--global vue-cli
2, webpackテンプレートに基づく新しいプロジェクトを作成します。
vue init webpack new-project
上の命令を入力したら、いくつかのオプションを聞いて、必要に応じて記入すればいいです。
プロジェクトname :プロジェクト名は、必要でなければそのまま車に戻ります。注:ここのプロジェクト名は大文字では使用できません。
プロジェクトの説明、直接車に戻ります。
Author :作者
vue build 構築方式(とりあえずこのように説明します)
二つの選択(上下矢印選択、回車は選択)
1.Runtime+Commpiler:recommanded for most users
(翻訳:実行+コンパイル:大多数のユーザーに推奨されています)
2.Runtime-only:about 6 KB lighter min+gzip、but templates(or any Vue-specific HTML)are ONLY
allowed in.vue files-render functions are required elsewhere
約6 KBの比較的軽い圧縮ファイルのみが実行されますが、テンプレート(またはどのVUE特定HTML)のみが許可されます。VUEファイルは他のところに関数を提示する必要があります。翻訳が正確ではないということは、大体この構築方式を選ぶとファイルサイズに要求があるということです。
ここでは1つのオプションを推奨します。ほとんどのユーザーに適しています。
install vue-router?vueのルートプラグインをインストールするかどうかはyを選択する必要があります。そうでなければn(以下はこの方法に従います。)
Use ESLint to lint your code?ESLintを使ってコードを確認しますか?
(ESLintは文法規則とコードスタイルのチェックツールです。文法が正しく、スタイルが統一されているコードを書くことができます。)
Pick an ESLint prest:ブランチスタイルを選択します。
オプションは三つあります standard(https://github.com/feross/standard)jsの標準スタイル Airbban(https://github.com/airbnb/javascript)JavaScriptの最も合理的な方法は、このgithubアドレスはJavaScriptの最も合理的な方法と言います。 none(configure it yourself)は自分で配置します。
セットアップユニットtests ユニットの取り付け有無テスト(詳細は未定)
Pick a test runner ユニット試験運転器を選択します。
オプションは三つあります Jest(JestはFacebookによって発行されたオープンソースであり、Jasmineに基づくJavaScriptユニットテストフレームワーク) Karma and Mocha none セットアップe 2 e tests with Nightwatch(Y/n)?E 2 EテストフレームNightWatchをインストールしますか?
Shuld we run'npm install'for you after the project has been created?プロジェクトを作成したら、npm installを実行しますか?ここでカバン管理ツールを選択します)
オプションは三つあります yes,use npm(npmを使用) yes,use yarn(yarnを使う) no、I will handle that myself(自分で操作する)
途中で車を返します。これでインストールが完了するのを待って、次のコマンドラインを教えます。
3,インストール依存
プロジェクトに入る
cd new-project
インストール
npm install
4、起動項目
npm run dev
この時、ブラウザでcmdに表示されているアドレスを開くと、新しいページが見えます。
http://localhost:8081
これは現地でしか走れません。どうやって自分達のサーバーを訪問しますか?実行が必要です。・
npm run build
ここでnodeのVueプロジェクトを作成する手順について詳しく説明した文章を紹介します。Vueプロジェクトの内容に関しては以前の文章を検索してください。または下記の関連記事を引き続きご覧ください。これからもよろしくお願いします。
Vue.jsはIE 8および以下のバージョンをサポートしていません。Vue.jsはECMAScript 5の特性を使用していますので、IE 8は明らかにシミュレーションできません。
Vue.jsはECMAScript 5対応のブラウザをすべてサポートします。
Vue.jsで大規模なアプリケーションを構築するには、npmでインストールすることを推奨します。npmはwebpackなどのパッケージツールとうまく連携して使用できます。
まず、Vueのインストールはnode.jsに依存しています。あなたのコンピュータにnode.jsがインストールされていることを保証します。
nodeがインストールされているかどうか、またはnodeのバージョンをどう調べますか?
cmdに入って、命令のnode-vを入力して、車に帰って調べます。nodeは新しいバージョンを使ったほうがいいです。でないと、後続のインストールはnodeバージョンが低すぎることをヒントします。
もしnodeをインストールしたことがあるならば、nodeのバージョンを表示して、さもなくば内部あるいは外部の命令ではないことをヒントにして、この時自分でnodeのウェブサイトに行ってダウンロードします。
を選択して、
1,vueをインストールします
npm install vue
インストールが完了したら、バージョンを確認することができます。
vue-V
これでvueのインストールが成功しました。
vueプロジェクトを作成します。
1、グローバルインストールvue-cli
npm install--global vue-cli
2, webpackテンプレートに基づく新しいプロジェクトを作成します。
vue init webpack new-project
上の命令を入力したら、いくつかのオプションを聞いて、必要に応じて記入すればいいです。
プロジェクトname :プロジェクト名は、必要でなければそのまま車に戻ります。注:ここのプロジェクト名は大文字では使用できません。
プロジェクトの説明、直接車に戻ります。
Author :作者
vue build 構築方式(とりあえずこのように説明します)
二つの選択(上下矢印選択、回車は選択)
1.Runtime+Commpiler:recommanded for most users
(翻訳:実行+コンパイル:大多数のユーザーに推奨されています)
2.Runtime-only:about 6 KB lighter min+gzip、but templates(or any Vue-specific HTML)are ONLY
allowed in.vue files-render functions are required elsewhere
約6 KBの比較的軽い圧縮ファイルのみが実行されますが、テンプレート(またはどのVUE特定HTML)のみが許可されます。VUEファイルは他のところに関数を提示する必要があります。翻訳が正確ではないということは、大体この構築方式を選ぶとファイルサイズに要求があるということです。
ここでは1つのオプションを推奨します。ほとんどのユーザーに適しています。
install vue-router?vueのルートプラグインをインストールするかどうかはyを選択する必要があります。そうでなければn(以下はこの方法に従います。)
Use ESLint to lint your code?ESLintを使ってコードを確認しますか?
(ESLintは文法規則とコードスタイルのチェックツールです。文法が正しく、スタイルが統一されているコードを書くことができます。)
Pick an ESLint prest:ブランチスタイルを選択します。
オプションは三つあります
Pick a test runner ユニット試験運転器を選択します。
オプションは三つあります
Shuld we run'npm install'for you after the project has been created?プロジェクトを作成したら、npm installを実行しますか?ここでカバン管理ツールを選択します)
オプションは三つあります
3,インストール依存
プロジェクトに入る
cd new-project
インストール
npm install
4、起動項目
npm run dev
この時、ブラウザでcmdに表示されているアドレスを開くと、新しいページが見えます。
http://localhost:8081
これは現地でしか走れません。どうやって自分達のサーバーを訪問しますか?実行が必要です。・
npm run build
ここでnodeのVueプロジェクトを作成する手順について詳しく説明した文章を紹介します。Vueプロジェクトの内容に関しては以前の文章を検索してください。または下記の関連記事を引き続きご覧ください。これからもよろしくお願いします。