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. インストールyumを使用してインストールする ##yum nginx を自動的にインストールす...
この記事では、ドロップダウンメニューを表示および非表示にするJavaScriptの具体的なコードを参...
CentOS 8にDockerをインストールする公式ドキュメント: https://docs.doc...
DATE_ADD() 関数は、指定された時間間隔を日付に追加します。現在のテーブル内のすべてのデー...
コンテナが起動した後まず管理者にログインして新しいユーザーを作成してください $ docker ex...
前回のブログでは、Nginx と httpd を使用して、逆生成用のバックエンド Tomcat サー...
成熟したデータベース アーキテクチャは、最初から高可用性、高スケーラビリティなどの機能を備えて設計さ...
キャンバスを使ってカラフルな時計を書いてみよう! 1. タイトル(1)時計のケースが与えられ、ページ...
会社の影響力が拡大し、製品が改良され続けるにつれて、関連するイメージデザインもそれに追いつき、徐々に...
目次1. 鏡を見つける2. RabbitMQイメージをダウンロードする3. RabbitMQコンテナ...
序文今日は、聖杯レイアウトとダブルウィングレイアウト、そしてそれらの違いについてお話しします。この2...
目次1. 小道具親 >>> 子 (Props)子 >>> 親 (...
MariaDB データベース管理システムは MySQL のブランチであり、主にオープンソース コミュ...
目次1. イメージをプルする2. イメージを実行する3. コンテナ内でアプリケーションをテストする4...
Docker の設計では、コンテナは 1 つのアプリケーションのみを実行します。しかし、現在のアプリ...