Vue3 の使用 (パート 1) Vue CLI プロジェクトの作成

Vue3 の使用 (パート 1) Vue CLI プロジェクトの作成

1. 公式ドキュメント

Vue3ドキュメント - vuejs
https://www.vue3js.cn/docs/zh/

Vue コア機能: データバインディング

Vue CLIドキュメント
https://cli.vuejs.org/zh/guide/

Vue CLI = Vue.js + 多数のコンポーネント

2. Vue CLIプロジェクトを作成する

1. Vue CLIをインストールする

タオバオミラー

SQL:

npm get registry -- 現在のミラー URL を表示します。npm config set registry http://registry.npm.taobao.org -- Taobao のミラー URL を使用します。

Vue CLIをインストールする

CS: ...

vue.js で vue.js をインストールします。

2. Webアプリケーションを作成する

SQL:

vue ウェブ作成

3. Webアプリケーションを起動する

無料のコマンドライン起動。右にドラッグしてダブルクリック

3. Vue CLIプロジェクト構造の説明

index.htmlmain.tsapp.vue
2つの静的リソースファイル( publicassetsの参照方法

  • public包装に参加しない
  • assetsパッケージ化される

index.html <%= BASE_URL %>を使用して外部の静的ファイルを導入します。
サブファイル内の.gitignoreファイルが有効になり、その中に設定されたファイルルールは現在のgitingoreファイルの場所を基準とします。
README.mdルートディレクトリでのみ有効です
package.jsonpom.xml
eslintrc.js
に似ていますpom.xml
eslintrc.js
は諸刃の剣です
Vue CLIリリースする前にコンパイルする必要がある

これで、Vue3 を使用して Vue CLI プロジェクトを作成する方法に関するこの記事は終了です。Vue3 を使用して Vue CLI プロジェクトを作成する方法に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Vue3+Vue-cli4 プロジェクトで Tencent スライダー検証コードを使用する方法
  • Vue3.0 CLI - 3.2 ルーティングの基本チュートリアル
  • vue3.0 CLI - 2.5 - コンポーネントの3つの次元を理解する
  • vue3.0 CLI - 2.4 - 新しいコンポーネント Forms.vue のフォームについて学ぶ
  • Vue3 Vue CLI マルチ環境設定

<<: 

>>:  HTMLの最適化によりWebページの速度が向上

推薦する

IDEA は Docker プラグインを使用します (初心者向けチュートリアル)

目次例示する1. Dockerリモートアクセスを有効にする2. Dockerに接続する3. イメージ...

Chrome、Firefox、IEで入力カーソルの位置がずれる問題の解決方法

ブラウザで入力カーソルがずれる問題の詳しい説明<br />仕事で問題に遭遇し、解決策を探...

Centos 7.4 サーバーの時刻同期設定方法 [NTP サービスに基づく]

この記事では、CentOS 7.4 サーバーで時刻同期を構成する方法について説明します。ご参考までに...

MySQL 文字列分割操作 (区切り文字を含む文字列のインターセプション)

区切り文字なしの文字列抽出質問の要件データベース内のフィールド値:実装効果: 1行のデータを複数行に...

MySQL SQL文の特殊処理文のまとめ(必読)

1.テーブル全体を更新します。データ行の列の値が空の場合は、別の列フィールドの値と同じにします。 ...

HTMLページが3秒後に自動的にジャンプする3つの一般的な方法

実際には、N 秒後にページを自動的にジャンプさせるにはどうすればよいかという問題によく遭遇します。私...

XHTML 1.0 リファレンス

機能別に並べ替えNN: このタグをサポートする Netscape の以前のバージョンを示しますIE:...

ウェブデザインと制作の一般的な原則をまとめる

<br />関連記事: Web コンテンツ ページ作成に関する 9 つの実用的な提案、W...

nginxディレクトリパスをリダイレクトする方法

ドメイン名に続くパスがデフォルトの Web ディレクトリではなく、ローカル ディスク上の他のディレク...

リンクされた画像をダウンロードしてアップロードするJavaScriptの実装

写真をアップロードするので、まずはダウンロード可能な画像リソースかどうかを判断する必要があります。正...

Docker Nginxコンテナの制作と展開の実装方法

クイックスタート1. Docker Hubでnginxイメージを見つけるdocker 検索 ngin...

CSS における px、em、rem、pt の特徴、違い、変換について詳しく説明します。

コンセプト紹介: 1. px (ピクセル):仮想的な長さの単位で、コンピュータ システムのデジタル画...

自分のブログを構築しながら学んだこと

<br />ブログを始めて 1 年、私はブログの内外で多くのことを個人的に学びました。ま...

ページネーションの例とベストプラクティス

<br />構造と階層により複雑さが軽減され、読みやすさが向上します。記事やサイトが整理...

JavaScriptはキャンバスを使用して座標と線を描画します

この記事では、JavaScriptでキャンバスを使用して座標と線を描く具体的なコードを参考までに紹介...