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 での感嘆符コマンド (!) の使用の概要
ハードウェア上の理由により、機械は標準時間にある程度追いつけない場合があり、その誤差は 1 か月で数...
画像の色を変更するための CSS テクニックは非常にシンプルです。具体的なコードは次のとおりです。ヒ...
目次1. 概要2. JSON基本ツール3. JSONパス式4. JSONを検索して変更する序文:長い...
01. コマンドの概要md5sum - MD5検証コードを計算して検証するmd5sum コマンドは、...
序文:前回の記事では、注意深い学生であれば発見できたかもしれない DDL ステートメントの使用法を中...
目次1. グローバルガード1. グローバル前線警備2. グローバル解像度ガード3. グローバルポスト...
序文私が使用しているパソコンはMacで、OSはmacOS Mojaveです。コンピュータに仮想マシン...
ツリーマップは主にツリーのようなデータ構造を視覚化するために使用され、特殊なタイプの階層です。これを...
他のよりプロフェッショナルなブログ システムを参照すると、コード ブロックにコードのコピー ボタンが...
以前は、境界線の長さをコンテナーよりも小さくする必要があったときに、div ネストを使用していました...
目次チュートリアルシリーズ1. yumパッケージマネージャーを使用してMariaDBサーバーをインス...
この記事では、bootstrapテーブルの使い方を参考までに紹介します。具体的な内容は次のとおりです...
目次1 テスト環境1.1 サーバーハードウェア1.1.1 t2.マイクロ1.1.2 c5.large...
MySQL には、msi インストールと zip 解凍の 2 つのインストール方法があります。 zi...
序文:ルートでは、主要部分は同じでも、基礎となる構造が異なることがあります。たとえば、ホームページに...