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プロジェクトが正常に作成されたことを示します