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データベースをアンインストールするための完全な手順
背景まず最初に、私はフロントエンド開発の専門家ではないことを述べておきたいと思います。私の以前のコン...
この記事では、例を使用して、MySQL で GROUP_CONCAT を使用する方法について説明しま...
実装のアイデア: CSSでtext-shadowを使用してテキストの光る効果を実現します効果画像: ...
Linux 初心者から Linux マスターへの成長の道: Linux システム ディレクトリ s...
目次1. HTML構造を作成する2. テーブルを作成する3. ヘビの頭と体を作る4. 食べ物を作る5...
序文最近、MySQL 5.7 をインストールしましたが、問題が見つかりました。コマンド ライン ウィ...
多くの場合、透明度の設定やぼかしなど、写真の背景を加工する必要があります。 ただし、背景画像が配置さ...
序文スタートアップ企業が最初はモノリシック アプリケーションを主要なアーキテクチャとして使用し、通常...
1つ。 Nexus プライベート サーバーを構築する理由は何ですか?社内の開発メンバーは全員外部ネッ...
WindowsとLinux間のファイル転送(1)WinSCPを使用して、WindowsファイルをLi...
クイックスタート1. Docker Hubでnginxイメージを見つけるdocker 検索 ngin...
この記事では、MySQL 8.0.15 winx64 圧縮パッケージのインストールと設定方法を参考ま...
1.デバイス幅定義: 出力デバイスの画面表示幅を定義します。 Web ページが Safari で開か...
目次クラスタクラスターの詳細クラスター内のイベントクラスター内のメソッドクラスター内の属性クラスター...
ステップ1: MySQLでbinlogが有効になっていることを確認する '%log_bin%...