Skip to content
This repository was archived by the owner on May 25, 2024. It is now read-only.

update: setup #259

Merged
merged 1 commit into from
Apr 21, 2024
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 9 additions & 8 deletions packages/docs/src/setup.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,10 @@

## 前提とする環境

- エディタ: Visual Studio Code(以下、VS Code)
- VS Code の拡張機能:Vue Language Features (Volar)
- 開発言語: TypeScript
- 利用するツール: Node.js, Vite
- エディタ: [Visual Studio Code](https://code.visualstudio.com/)(以下、VS Code)
- VS Code の拡張機能:[Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
- 開発言語: [TypeScript](https://www.typescriptlang.org/)
- 利用するツール: [Node.js](https://nodejs.org/en), [Vite](https://vitejs.dev/)

## ターミナルの準備

Expand Down Expand Up @@ -45,7 +45,7 @@ v20.12.2
::: warning 注意
表示されるバージョンはインストールするタイミングによって異なります。

[Vue アプリケーションの作成 - 前提条件](https://ja.vuejs.org/guide/quick-start.html#creating-a-vue-application)より、Node.js のバージョンは 16.0 より最新バージョンをインストールする必要があります
[Vue アプリケーションの作成 - 前提条件](https://ja.vuejs.org/guide/quick-start.html#creating-a-vue-application)より、必要な Node.js のバージョンは随時確認してください
:::

### セットアップ
Expand Down Expand Up @@ -86,8 +86,9 @@ VS Code を既にお使いの場合はこのセクションは飛ばしてくだ
1. インストーラーの指示に従ってインストールします
- インストールの詳細は [公式ドキュメント](https://code.visualstudio.com/docs/setup/setup-overview) を確認してください

### Vue Language Features (Volar) 拡張機能のインストール
### Vue - Official (language-tools) 拡張機能のインストール

`Vue Language Features (Volar)` は Vue.js の開発をサポートする VS Code の拡張機能です。`.vue` ファイルのシンタックスハイライトやインテリセンスによる補完ができるようになります。詳細は、[language-tools の GitHub リポジトリ](https://github.com/vuejs/language-tools) を参照してください。
[Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) は Vue.js の開発をサポートする VS Code の拡張機能です。`.vue` ファイルのシンタックスハイライトやインテリセンスによる補完、型チェックができるようになります。\
詳細は、[vuejs/language-tools](https://github.com/vuejs/language-tools) を参照してください。

Volar をインストールするには、VS Code が入っているマシンで、 [Vue Language Features (Volar) - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=Vue.volar) にアクセスし Install ボタンをクリックします。
拡張機能をインストールするには、VS Code が入っているマシンで、 [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) にアクセスし Install ボタンをクリックします。
Loading