VUE3クイックスタート(1)---プロジェクトの作成

最新の足場をインストールします

ドキュメントが提供され、vue3.xプロジェクトは新しいバージョンのscaffoldを使用して構築できます

npm install -g @ vue / cli
最新バージョンは4.5.9です。

グラフィカルインターフェイスを使用してプロジェクトを管理する

コマンドラインに入力して、vueuiを開始します

ここに写真の説明を挿入

プロジェクトを作成する

プロジェクトを作成して、
さらにバージョン選択しましょう

ここに写真の説明を挿入ここに写真の説明を挿入

作成後、コンパイラから開きます

ここで使用しているルームメイトのコンピューターは、hbuilderxを使用するのに便利です。

プロジェクトを実行する

ターミナルにnpmrunserve
プロジェクトを入力して実行を開始します
ここに写真の説明を挿入

main.jsの新旧バージョンの比較

vue2.xバージョン

ここに写真の説明を挿入

vue3.xバージョン

ここに写真の説明を挿入

新しいバージョンでアプリマウントを作成します
。.use(store).use(router)形式をサポートします。
このように記述しても効果は同じです。
ここに写真の説明を挿入

HTMLを使用する場合

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://unpkg.com/vue@next"></script>
	</head>
	<body>
		<div id="app">
			<div>hello</div>
		</div>
		<script>
			const app = Vue.createApp({
     
     })
			app.mount("#app")
		</script>
	</body>
</html>







  みなさん、こんにちは。私は「犬」であり、何千マイルも肉を食べることができるので、ソフトウェアカレッジのネットワークエンジニアリングの学生であるコードハスキーです。大学時代に学んだことをみんなと共有し、進歩していきたいです。ただし、レベルに限りがあるため、必然的にブログに間違いがありますので、抜けがありましたらお知らせください!当面は、csdnプラットフォームのブログホームページ(https://blog.csdn.net/qq_42027681)でのみ更新してください

未经本人允许,禁止转载

ここに写真の説明を挿入


後で発売されます

フロントエンド:vueエントリvue開発アップルレットなど。
バックエンド:javaエントリspringbootエントリなど。
サーバー:mysqlエントリサーバープロジェクトを実行するための簡単な指示クラウドサーバー
python:ウォームアップしないことをお勧めし
ます。いくつかのプラグインなどの使用を確認してください

大学のやり方も自分自身で、一生懸命勉強し、
情熱を持って若くなります。プログラミングに興味がある場合は、qqグループに参加して一緒にコミュニケーションをとることができます:974178910
ここに写真の説明を挿入

ご不明な点がございましたら、下にメッセージを残していただければ、よろしければ返信いたします。

おすすめ

転載: blog.csdn.net/qq_42027681/article/details/110428481