1. 足場とは何ですか?1. Vue CLI Vue CLI は、Vue.js をベースにした迅速な開発のための完全なシステムであり、以下を提供します。
Vue CLI は、Vue エコシステムの基本ツールの標準化に取り組んでいます。インテリジェントなデフォルト構成に基づいてさまざまなビルド ツールをスムーズに接続できるため、構成の問題を心配して何日も費やすことなく、アプリケーションの作成に集中できます。同時に、各ツールが排出することなく構成を調整できる柔軟性も提供します。 2. 特徴:
3. インストール方法 注: npmツールがあることを前提としています ターミナルを開き、cmdコマンドを入力して、グローバル環境をダウンロードします(グローバル環境をダウンロードすることをお勧めします) npm インストール -g @vue/cli 4.ダウンロード後にバージョンの説明を確認してください vue --バージョン 5. アップグレードバージョン npm アップデート -g @vue/cli 2. プロジェクトの作成プロジェクトを作成する vue で myapp を作成する 指示に従って選択してください ステップ1: インストール方法の選択 - カスタムインストール デフォルト ([Vue 2] babel、eslint) デフォルト (Vue 3 プレビュー) ([Vue 3] babel、eslint) 手動で機能を選択する ステップ2: インストールするモジュールを選択する ◉ Vueのバージョンを選択 — ビューのバージョンを選択します ◉ Babel — JavaScript の解析 ◯ TypeScript — ts の解析 ◉ プログレッシブウェブアプリ(PWA)のサポート ◉ ルーター ◉ Vuex — 状態管理 ◉ CSS プリプロセッサ ◉ リンター/フォーマッター — コードのフォーマット ◉ ユニットテスト — テストプラグイン ◉ E2E テスト — テストプラグイン ステップ 3: ルーティング モードを選択します (オプション、後で調整可能) 履歴 — http://localhost:81/ バックエンドサポート ハッシュ — http://localhost:81/#/ バックエンドのサポートは不要 ステップ4: CSSの処理方法を選択します(ここではノード環境でscssを選択します) sass/scss - ノード ステップ5: コード検証ルール - 標準ルール: 標準 エラー防止のみの ESLint ESLint + Airbnb 設定 ESLint + 標準設定 ESLint + Prettier ステップ6: 確認するタイミング: 保存するとき ◉ 保存時にリントする ◯ コミット時にリントと修正を行う ステップ7: テストモジュールの選択: オプション ステップ8: エンドツーエンドのテストソリューション: デフォルト ステップ9: プロジェクト構成ファイル パッケージ.json ステップ 10: 現在の構成を保存しますか? プロジェクトアーキテクチャの作成が完了するまで待ちます 3. プロジェクトカタログの紹介1. ルートディレクトリ
2.srcディレクトリ
要約するVue スキャフォールディング学習のプロジェクト作成方法については、これで記事は終了です。より関連性の高い Vue スキャフォールディングプロジェクト作成コンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: Linux で Bash コマンド プロンプトをカスタマイズする方法
>>: MySQLデータベースをアンインストールするための完全な手順
HTML と CSS は誰もが知っていると思います。HTML の構造と CSS の表現の分離も知って...
ハイパーリンクはインターネット全体を接続していると言っても過言ではありません。ハイパーリンクは、別の...
Web Skills第5号では、CSSでダークモードやハイライトモードを実装するための技術的なソリュ...
目次序文1. Vue2 のライフサイクルインスタンスのライフサイクルその他のライフサイクルフック2....
JSONデータはHTMLページ上に表示されフォーマットされます1. 表示効果図説明:すべてのキー値は...
目次1. ルートナビゲーション2. 履歴状態管理API (1)ハッシュチェンジイベント(2)ポップス...
Nginx は、多くの優れた機能を備えた強力で高性能な Web およびリバース プロキシ サーバーで...
目次1. axioの基本的な使い方2. クロスドメインの問題を解決するには? 3. パッケージ4. ...
この記事では、MySQL 8.0.13のインストールと設定のチュートリアルを参考までに紹介します。具...
目次前面に書かれたWC とは何でしょうか?現在の欠陥1. コンポーネント内部イベントのコールバック2...
今日、リモートデスクトップを実行してログインしているときにこのプロンプトを見つけました「MySQL ...
MariaDBをアンインストールするCentOS7 ではデフォルトで MySQL の代わりに Mar...
Linux は一般的にサーバーとして使用され、サーバーは一般的にコンピュータルーム内に置かれます。L...
MySQL データベースの作成MySQL サービスにログインしたら、create コマンドを使用し...
目次次のチェックv-model 構文シュガー.sync 修飾子$セット計算プロパティセット要約する次...