Vue(2)の概要-vuecliのインストールとプロジェクトの作成(関連する問題の解決)

1. vuecliの概要

公式ウェブサイトのリンク:https : //cli.vuejs.org/zh/guide/

2.vueCLIのインストール

(前提条件:Vue CLIにはNode.js  8.9以降が必要です  (推奨8.11.0以降)。公式の手順を確認できます)

次のコマンドを使用して、新しいバージョンをインストールします

npm install -g @vue/cli
# OR
yarn global add @vue/cli

インストールが完了したら、コマンドvue -V(大文字のVに注意)またはvue --versionを入力して、vuecliバージョンを表示します。バージョン4.2.3はここにインストールされています

-------------------------------------------------- -------------------------------------------------- -------------------------------------------------- --------------

さらに、4.2.3バージョンは成功に続きません

新しいバージョンの更新によりコマンドが変更されたため、npm install -g vue-cli installed version 2.9.6のインストールと入力を開始しました。

nodejs2.xを拡張バージョンに変更する場合は、元のバージョンをアンインストールしてから再インストールする必要があります。コマンドは次のとおりです。

npm uninstall -g vue-cli

 

-------------------------------------------------- -------------------------------------------------- -------------------------------------------------- ----------------

3.最初のVueプロジェクトを作成する

(作成の過程でいくつか問題があり、それも含まれています)

1.コマンドラインを使用して最初にvueプロジェクトを作成し、コマンドラインに次のコードを入力します。

vue create hello(hello为我创建的项目名称)

2.適切なオプションを選択してから、次のステップ(必要に応じて選択してください):

3.プロジェクトの作成を開始します

正常に作成されると、次のプロンプトが表示され、作成が成功したことが示されます。

-------------------------------------------------- -------------------------------------------------- -------------------------------------------------- --------------

しかし、最初にエラーが発生しました:以下はエラー分析です。作成が成功した場合はスキップできます

(1)ソリューションリファレンスリンク:https : //blog.csdn.net/qq_35457469/article/details/102924524(2つの方法があります。2番目の方法をコマンドで直接クリーンアップして、コマンドラインに入力しました:)

npm cache clean --force

成功した場合は、後で作成します。

(2)しかし、私の問題はここでは解決されていませんが、新しいエラーが発生しました:

私は次のように試しました:

1.npm install chromedriver --chromedriver_cdnurl = http://cdn.npm.taobao.org/dist/chromedriver没有用

2.バージョンの問題だと思ったので、npmバージョンを更新し、npm install -g npm @ latestと入力しても役に立たない


3. npm cache clean-npmキャッシュを強制的にクリアします

この時点でようやく有効になり、最初のプロジェクトを再作成すると、作成は成功します

参照リンク:https : //blog.csdn.net/genius_yym/article/details/84645915

-------------------------------------------------- -------------------------------------------------- -------------------------------------------------- ------------------

4.プロンプトに従ってコマンドを入力し、プロジェクトを実行します

cd first 
npm run serve

プロンプトが表示されている場合は操作が成功したことを示しています。ブラウザにhttp:// localhost:8080 /と入力すると 、次のインターフェースが表示され、vueプロジェクトが正常に作成されたことを示します

元の記事を26件公開 Likes6 Visits 1400

おすすめ

転載: blog.csdn.net/Sabrina_cc/article/details/104805561