フロントエンド初心者向け一連の記事 Vue3+Vite+Ts+Pinia+Sass プロジェクトガイド - 第 3 章 プロジェクトの作成 (Vite プロジェクトの初期化)

一連の記事の目次 (クリックして表示)



序文

この記事の冒頭では、独自のプロジェクトの作成、構成、開発を開始します。


1.Vite作成プロジェクト

1.作成

Windows コンピューターでこのコンピューターに入り、プロジェクトを作成するフォルダーを選択し、右クリックして git bash でターミナルを開くか、cmd を開くか、Mac のターミナルを使用してプロジェクトが作成されるフォルダーに入ります。

使用 NPM:
$ npm create vite@latest

使用 Yarn:
$ yarn create vite

使用 PNPM:
$ pnpm create vite

ここに画像の説明を挿入します

2. 具体的な手順

1. プロジェクト名を入力します
ここに画像の説明を挿入します

2.ビューを選択します
ここに画像の説明を挿入します

3. TypeScriptを選択します
ここに画像の説明を挿入します

4. 正常に作成されました
ここに画像の説明を挿入します
5. ショートカット コマンドを使用して直接作成することもできます
ここに画像の説明を挿入します

6. プロジェクトフォルダーに入る
ここに画像の説明を挿入します

7、npmインストール/糸
ここに画像の説明を挿入します

8、npm 実行開発 / 糸開発
ここに画像の説明を挿入します
ここに画像の説明を挿入します

2.GitHubアップロード

1. アカウントを作成する

公式ウェブサイト:https://github.com/
ここに画像の説明を挿入します
サインアップを通じて独自の github アカウントを登録します

2.倉庫を作成する

ここに画像の説明を挿入します
ここに画像の説明を挿入します
ここに画像の説明を挿入します

ここに画像の説明を挿入します
ここに画像の説明を挿入します

3. 最初の提出

ドキュメントのコマンドに従ってローカル プロジェクトをリモート リポジトリに関連付け、コードを送信します。

git init
git add .
git commit -m "init"
git remote add origin https://github.com/SmallTeddy/testing-web.git
git push -u origin main

ここに画像の説明を挿入します
送信後、ウェアハウス インターフェイスを更新して、コードの送信が成功したことを確認します。

ここに画像の説明を挿入します


要約する

この記事では、Vite ツールを使用して独自の vue プロジェクトを作成する方法を紹介します。

おすすめ

転載: blog.csdn.net/SmallTeddy/article/details/134461043
おすすめ