vue スキャフォールディング -> vue.cli大規模で完全に機能する Vue プロジェクト テンプレート (初期化プロジェクト) をすばやく作成します。 現実的な説明: 空の Vue プロジェクトをすばやく作成する インストール(グローバルインストール)
> npm i @vue/cli -g
> vue プロジェクト名を作成 設定オプション Vue CLI v4.5.11 ? プリセットを選択してください: (矢印キーを使用) > デフォルト ([Vue 2] babel、eslint) デフォルト (Vue 3 プレビュー) ([Vue 3] babel、eslint) 手動で機能を選択する
機能を選択 Vue CLI v4.5.11 ? プリセットを選択してください: 機能を手動で選択 ? プロジェクトに必要な機能をチェックします: (選択するには <space> を、すべてを切り替えるには <a> を、選択を反転するには <i> を押します) >(*) Vueのバージョンを選択 (*) バベル ()タイプスクリプト ()プログレッシブウェブアプリ(PWA)のサポート ()ルーター ()ヴュークス ()CSSプリプロセッサ (*) リンター/フォーマッター ()ユニットテスト ()E2Eテスト
バージョンを選択 プロジェクトに必要な機能を確認します: Vueバージョン、Babel、Router、Vuexを選択します プロジェクトを開始する Vue.js のバージョンを選択します (矢印キーを使用) > 2.x 3.x (プレビュー)
履歴モードを使用するかどうか ? ルーターに履歴モードを使用しますか? (運用時のインデックス フォールバックには適切なサーバー設定が必要です) (Y/n)
Babel、ESLint などの設定場所。 Babel、ESLint などの設定をどこに配置するのがよいでしょうか? (矢印キーを使用) > 専用の設定ファイル内 package.json内
プリセットとして保存 ? これを将来のプロジェクト用のプリセットとして保存しますか? (y/N)
成功を創る Vue CLI v4.5.11 D:\MyStudy\myvue2 にプロジェクトを作成しています。 ⚙️ CLI プラグインをインストールしています。これにはしばらく時間がかかる場合があります... > [email protected] インストール後 D:\MyStudy\myvue2\node_modules\core-js > node -e "try{require('./postinstall')}catch(e){}" > [email protected] インストール後 D:\MyStudy\myvue2\node_modules\ejs > ノード ./postinstall.js 21.836秒で928人の貢献者から1208個のパッケージを追加しました 61のパッケージが資金を募集中 詳細については `npm fund` を実行してください 🚀 ジェネレーターを呼び出しています... 📦 追加の依存関係をインストールしています... 4.671 秒で 1 人の貢献者から 5 つのパッケージを追加しました 61のパッケージが資金を募集中 詳細については `npm fund` を実行してください ⚓ 完了フックを実行しています... 📄 README.md を生成しています... 🎉 プロジェクト myvue2 が正常に作成されました。 👉 以下のコマンドで開始します。 $ cd myvue2 $ npm 実行 サーブ プロジェクトディレクトリに入る > cd myvue2 サービスを開始する > npm 実行サーブ 完了 2492msで正常にコンパイルされました アプリの実行場所: - ローカル: http://localhost:8080/ - ネットワーク: http://192.168.17.154:8080/ 開発ビルドは最適化されていないことに注意してください。 プロダクションビルドを作成するには、npm run build を実行します。 これで、vue スキャフォールディング プロジェクトを作成するための詳細な手順に関するこの記事は終了です。より関連性の高い vue スキャフォールディング プロジェクト作成コンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: Linux での感嘆符コマンド (!) の使用の概要
システムの初期のパーティション分割により、オペレーティング システム内の対応する / パーティション...
html、アドレス、引用ブロック、本文、dd、div、 dl、dt、フィールドセット、フォーム、フレ...
序文最近、X 省のコールド チェーン トレーサビリティ システムの開発で忙しくしています。毎日午後 ...
Grid は 2 次元のグリッド レイアウト システムです。これを使用すると、本質的にはハック メソ...
目次1. マスタースレーブ同期原理マスタースレーブ同期アーキテクチャ図(非同期同期)マスタースレーブ...
最近、Zoom ビデオ会議をテストし、100 人が同時に会議に参加することをシミュレートする必要があ...
目次主キーインデックス頻繁にクエリされるフィールドのインデックスを作成する大きなフィールドのインデッ...
目次1. 基本タイプ2. オブジェクトタイプ2.1 配列2.2 タプル2.3 オブジェクト3. 型推...
この記事では、Vueを使用して虫眼鏡付きの検索ボックスを実装する方法を紹介します。具体的な内容は次の...
問題現象最近、sysbench を使用して MySQL をテストしました。テストに長い時間がかかった...
Docker コンテナを適用する場合、多くの場合、ホスト ディレクトリを Docker コンテナにマ...
序文:金額の保存など、小数点数を保存し、精度要件がある場合、通常は DECIMAL フィールド タイ...
目次序文1. ignore を挿入2. 重複キーの更新時3. を置き換える要約する序文Mysql は...
通常のプロジェクトでは、1 回の入札で同時にデータを更新および照会する必要があるという問題によく遭遇...
HTML メールを送信するためのヒント: スタイルを使用してインライン CSS を記述する、使用する...