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 の場所に複数の Proxy_pass メソッドがある

1. まず、nginxの位置情報に関する関連知識を確認しましょう1) 位置マッチング手順: ~ #波...

MySQL パフォーマンス ストレス ベンチマーク ツール sysbench の使い方の紹介

目次1. sysbenchの紹介#プロジェクトダウンロードアドレス: 2. Sysbenchのインス...

マウスを傾けた状態でのフリップナビゲーションの問題に関する研究

この記事では、マウス フリップナビゲーションの制作についてまだ疑問を持っている友人の役に立つことを期...

Docker環境でJenkinsを設定すると、タスクをビルドするときにコンソールログに文字化けした中国語の文字が表示されます

目次1. 問題の説明: 2. Jenkins設定のトラブルシューティング3. コードログのエンコード...

JSで画面録画機能を作成する

OBS studioかっこいいですが、 JavaScriptもっとかっこいいです。では、 JavaS...

MySQL は低速クエリを可能にします (EXPLAIN SQL ステートメントの使用の概要)

今日、データベース操作はますますアプリケーション全体のパフォーマンスのボトルネックになりつつあり、こ...

MySQL Innodbインデックスの原理の詳細な説明

導入振り返ってみると、4年前、私がMySQLのインデックスについて学んでいたとき、先生はインデックス...

CSS3はキングをマッチングさせるときにパーティクルアニメーション効果を実現します

コーディングをしていると、多くのことが同じ結末を迎えることに気づくでしょう。問題を解決する方法は何千...

Linux システムのパフォーマンスを分析するための top コマンドの詳細な説明

Linux topコマンドの紹介top コマンドは、Linux でよく使用されるパフォーマンス分析ツ...

WindowsにJDK8をインストールする方法

1. ダウンロード: http://www.oracle.com/technetwork/java/...

Nginx ローカル ディレクトリ マッピング実装コード例

他のデバイスの画像をローカルディレクトリにマウントするなど、サーバー上の静的リソースにアクセスする必...

CentOS7 上で KVM 仮想化プラットフォームを構築する (3 つの方法)

KVM はカーネルベースの仮想マシンの略で、Linux をハイパーバイザーに変換する Linux ...

jQuery+swiper コンポーネントはタイムラインのスライド年タブ切り替え効果を実現します

結果: 実装コード: スワイパーコンポーネントと一緒に使用する必要がありますSwiper 基本デモア...

Alibaba Cloud で静的ウェブサイトを素早く構築する方法

序文:ジュニアプログラマーとして、私は自分自身の個人ウェブサイトを構築し、それを他の人に見せることを...

aタグに下線を付け、クリック前後で色を変える方法

コードをコピーコードは次のとおりです。リンクフォントサイズ: 12px;色: #000000;テキス...