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

推薦する

Vue 初心者ガイド: 最初の Vue-cli スキャフォールディング プログラムの作成

1. Vue - 最初の vue-cli プログラムVueの開発はNodeJSに基づいています。実際...

MySQL 8.0.13 解凍版のインストールと設定方法のグラフィックチュートリアル

1. インストール1. MySQLをダウンロードするダウンロードアドレス: リンクアドレスブラウザで...

vue.js を使用してドラッグ アンド ドロップ機能を実装する方法

序文ドラッグ アンド ドロップ機能を追加すると、プログラムがより自然でユーザーフレンドリーになります...

MySQL デッドロックのトラブルシューティングの全プロセス記録

【著者】 Liu Bo: Ctrip テクニカル サポート センターのシニア データベース マネージ...

MAC で MySQL の初期パスワードを変更する方法

問題の説明: Macを購入し、初めてMySQLをインストールしました。初期パスワードが分かりません。...

xshell を使用して VMware で Linux に接続する方法 (2 つの方法)

【序文】最近、ITOO の試験システムのストレステストを行いたいので、自分のコンピュータに Lin...

HTML の基本的な使用法には、リンク、スタイルシート、span、div などが含まれます。

1. リンクハイパーテキスト リンクは HTML において非常に重要です。基本的な形式は次のとおりで...

個人ブログシステムを構築するためのDockerの超シンプルな実装

Dockerをインストールするyumパッケージを最新バージョンに更新します: sudo yum up...

Linux で ping は成功するがポートが利用できない問題を解決する方法

ping は成功したがポートにアクセスできない場合のポート可用性検出の説明ポート可用性検出ツールの紹...

nginxのリソースキャッシュ設定の詳細な説明

私はずっとキャッシュについて学びたいと思っていました。結局のところ、キャッシュはフロントエンドのパフ...

React 合成イベントの説明

目次入力ボックスをクリックして開始します拡張機能入力ボックスをクリックすると複数のイベントが発生しま...

Alibaba Cloud CentOS 7 に MySQL 8.0.13 をインストールする方法

1. MySQL インストール パッケージをダウンロードします(ここにはコツがあります。おそらく、こ...

Linux sar コマンドの使用方法とコード例の分析

1. CPU使用率sar -p (一日中表示) sar -u 1 10 (1: 1秒ごと、10: 1...

VMwareがLinuxシステムをインストールして起動した後に黒い画面が表示される問題を解決する

1. 設置環境1. HUAWEI mate x CPU i5 82500u、8g メモリ、独立グラフ...

MySQL セレクトキャッシュメカニズムの使用に関する詳細な説明

MySQL クエリ キャッシュはデフォルトでオンになっています。ある程度、クエリの効果は向上しますが...