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

推薦する

スーパーバイザーを使用して nginx + tomcat コンテナを管理する例

必要: docker を使用して nginx + tomcat デュアル プロセスを起動します。実際...

WeChatミニプログラムでEchartとサブパッケージを使用するための完全な手順

序文休日は終わっていますが、それは別の形で(お腹に触れることで)私たちに現れます。ミニプログラムでデ...

InnoDB タイプの MySql によるテーブル構造とデータの復元

前提条件: データベースを復元するために必要な .frm ファイルと .ibd ファイルを保存します...

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

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

MySQLインデックスの詳細な分析

序文インデックスの選択はオプティマイザ段階の作業であることはわかっていますが、オプティマイザは万能で...

element-uiのアップロードコンポーネントでファイルやその他のパラメータを転送する際の問題を分析する

最近、element-ui を統合したプロジェクトで vuethink を使用しました。以前は bo...

JS は Baidu 検索ボックスを実装します

この記事の例では、Baidu検索ボックスを実装するためのJSの具体的なコードを参考までに共有していま...

Tomcat のインストール後に起こりうる問題の紹介

1. Tomcatサービスが開いていませんブラウザのアドレスバーにlocalhost:8080と入力...

MySQL学習記録: KEYパーティションが引き起こした血なまぐさい事件

需要背景ビジネス テーブル tb_image のデータの一部は次のとおりです。id は一意ですが、i...

Linux で Xfce デスクトップ環境を使用すべき 8 つの理由

いくつかの理由(好奇心も含む)から、数週間前に Linux デスクトップとして Xfce を使い始め...

Vue で手ぶれ補正を実装するためのサンプルコード

手ぶれ防止: 繰り返しのクリックによるイベントのトリガーを防止まず、揺れとは何でしょうか? 震えるの...

MySQL 外部キー設定方法の例

1. 外部キーの設定方法1. MySQL では、2 つのテーブルを関連付けるために、外部キー (FO...

ウェブサイトのアクセス速度を向上させるための徹底的な最適化に関するヒント

<br />ウェブサイトのアクセス速度はウェブサイトのトラフィックに直接影響を及ぼし、ウ...

IDEA2021 tomcat10 サーブレットの新しいバージョンの落とし穴

私が学習していたときに使用していたバージョンは比較的新しいものであり、インターネット上のチュートリア...

MySQL テーブルパーティションの使用法と基本原理の詳細な説明

目次パーティションテーブルとはパーティションテーブルの適用シナリオパーティションテーブルの制限パーテ...