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ページの速度が向上

推薦する

MySQLクエリの冗長インデックスと未使用のインデックス操作

MySQL 5.7 以降のバージョンでは、冗長インデックス、重複インデックス、およびインデックスを使...

MySQL 5.7 で業務を停止せずに従来のレプリケーションを GTID レプリケーションに変更する例

GTID の利点により、従来のファイル POS ベースのレプリケーションを GTID ベースのレプリ...

vue3.0 のウォッチ リスナーの例の詳細な説明

目次序文リスナーと計算プロパティの違いvue3 で watch を使用するにはどうすればいいですか?...

データベースSQL文の最適化

最適化する理由:実際のプロジェクトが開始され、データベースが一定期間稼働した後、初期のデータベース設...

CSS3で実装された炎のアニメーション

成果を達成する実装コードhtml <div class="コンテナ">...

MySql でデータの重複挿入を回避する 3 つの方法

序文MySql で主キーの競合または一意キーの競合が発生した場合、挿入方法に応じてエラーを回避するた...

MySQL ストアドプロシージャの長所と短所の分析

MySQL バージョン 5.0 ではストアド プロシージャのサポートが開始されました。ストアド プロ...

フォント宝庫 50 種類の素晴らしい無料英語フォントリソース パート 2

デザイナーは独自のフォント ライブラリを持っているため、プロジェクトの設計時にすぐに使用できます。今...

Mysql 5.7.19 無料インストール バージョンで遭遇した落とし穴 (コレクション)

1. 公式ウェブサイトから 64 ビットの zip ファイルをダウンロードします。 2. インスト...

Linux 上でプロジェクトをリリースするために Tomcat を展開するプロセスにおけるさまざまな問題と解決策

プロジェクトをプロジェクトサイトのテスト環境にデプロイするJDK1.8トムキャット8.5 Maven...

mysql5.5.28 のインストール チュートリアルは非常に詳細です。

参考までにmysql5.5.28のインストールチュートリアルです。具体的な内容は次のとおりです。イン...

opensslを使用して無料の証明書を生成する方法

1: openssl とは何ですか? その機能は何ですか?適用シナリオは何ですか? Baidu 百科...

Dockerコンテナとホストマシン間の8時間の差の問題を解決する

デプロイに docker-compose を使用すると、出力ログと関連イベントが検証されて出力される...

Dockerでspringcloudプロジェクトをデプロイする方法

目次Dockerイメージのダウンロードmysqlとnacosを起動する独自のJavaプロジェクトを変...

js を使用して画像をモザイク化する方法の例

この記事では、主に js を使用して画像をモザイク化する方法の例を紹介し、次のように共有します。効果...