Skip to content

Commit 2aa4db8

Browse files
naokieawkjyyx990803kazuponNataliaTepluhina
authored
Guide > Installation の翻訳を追従 (#271)
* change document version from char to npm svg file, keep be consistent with vue-next repo (#480) * docs: links to migration guide + update navbar ecosystem links * fix: change to modern bundler (#508) * fix: fixed Vue CLI npm name * fix: update broken links vuejs/docs@96d6403#diff-923f699fa88653104589aefed42ad89c3b1df393cdd375c0e0805f4e305ab93e * docs: add intro to installation * fix: casing on npm vuejs/docs@8c8d85a#diff-923f699fa88653104589aefed42ad89c3b1df393cdd375c0e0805f4e305ab93e * docs: update number of methods recommended * update jsdelivr link (#684) point to current vue release * Use `@vitejs/app` instead of `vite-app` (#818) When I use `vite-app`, `Tailwind CSS` can't work. And I see on the website of `vite`, now they use `@vitejs/app`. * Update installation.md (#841) * chore(installation): unify and fix some markdown styles (#918) * chore(installation): unify to use backquates in 'Explanation of Different Builds' * chore(installation): remove some markdown linter warnings * docs: add self hosting Vue as an option in the installation guide (#923) * fix grammatical error in installation.md (#953) avoid repetition of conjunction, that. and change 'vite' to 'Vite'. * docs: translate guide > installation * fix: anchor link Co-authored-by: awkj <hzzbiu@gmail.com> Co-authored-by: Evan You <yyx990803@gmail.com> Co-authored-by: kazuya kawaguchi <kawakazu80@gmail.com> Co-authored-by: NataliaTepluhina <tarya.se@gmail.com> Co-authored-by: Ben Hong <ben@bencodezen.io> Co-authored-by: Isaac Levy <isaac.r.levy@gmail.com> Co-authored-by: Han Han <haannn@qq.com> Co-authored-by: moosemanf <35728959+moosemanf@users.noreply.github.com> Co-authored-by: kangetsu121 <34597587+kangetsu121@users.noreply.github.com> Co-authored-by: skirtle <65301168+skirtles-code@users.noreply.github.com> Co-authored-by: Idorenyin Udoh <idorenyinudoh10@outlook.com>
1 parent d4029e9 commit 2aa4db8

File tree

2 files changed

+36
-17
lines changed

2 files changed

+36
-17
lines changed

src/guide/installation.md

Lines changed: 35 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,23 @@
11
# インストール
22

3+
Vue.js は、段階的に導入できるように設計されています。これは要件に応じて、複数の方法でプロジェクトに組み込むことができることを意味します。
4+
5+
Vue.js をプロジェクトに追加するには主に4つの方法があります:
6+
7+
1. ページ上で [CDN パッケージ](#cdn) として取り込む
8+
2. JavaScript ファイルをダウンロードして、 [自分でホストする](#自分でホストする)
9+
3. [npm](#npm) を使ってインストールする
10+
4. 公式の [CLI](#cli) を使ってプロジェクトの基礎を作る。これはモダンなフロントエンドのワークフローのためのバッテリー同梱のようなビルドセットアップを提供します (例えば、ホットリロード、保存時に Lint など)
11+
312
## リリースノート
413

5-
最新のベータバージョン: 3.0.0-rc.5
14+
最新のバージョン: ![npm](https://img.shields.io/npm/v/vue/next.svg)
615

7-
各バージョンの詳細なリリースノートは、 [GitHub](https://github.com/vuejs/vue-next/releases) で入手できます。
16+
各バージョンの詳細なリリースノートは、 [GitHub](https://github.com/vuejs/vue-next/blob/master/CHANGELOG.md) で入手できます。
817

918
## Vue Devtools
1019

11-
> 現在、ベータ版です。
12-
13-
> Vue 3 向けの Vue Devtools の利用には、`vue@^3.0.0-rc.1` 以上が必要です。
20+
> 現在ベータ版 - Vuex と Router の統合は WIP です
1421
1522
Vue を使用する場合は、ブラウザに [Vue Devtools](https://github.com/vuejs/vue-devtools#vue-devtools) をインストールすることをお勧めします。これにより、Vue アプリケーションをよりユーザーフレンドリーなインターフェースで調査、デバッグすることが可能になります。
1623

@@ -30,9 +37,15 @@ Vue を使用する場合は、ブラウザに [Vue Devtools](https://github.com
3037

3138
本番環境では、新しいバージョンによる意図しない不具合を避けるため、特定のバージョン番号とビルド番号にリンクすることをお勧めします。
3239

33-
## NPM
40+
## 自分でホストする
41+
42+
ビルドツールの使用を避けたいが、本番環境で CDN を使用できない場合は、関連する `.js` ファイルをダウンロードして、自分のウェブサーバを使ってホストすることができます。CDN の場合と同じように `<script>` タグを使って導入することができます。
43+
44+
ファイルは [unpkg](https://unpkg.com/browse/vue@next/dist/)[jsDelivr](https://cdn.jsdelivr.net/npm/vue@next/dist/) などの CDN から閲覧、ダウンロードすることができます。様々な異なるファイルは [後で説明しますが](#さまざまなビルドについて) 、通常は開発用のビルドと本番用のビルドの両方をダウンロードすることになります。
3445

35-
Vue による大規模アプリケーションを構築するときには、NPM を利用したインストールを推奨します。[Webpack](https://webpack.js.org/) または [Browserify](http://browserify.org/) のようなモジュールバンドラーとうまく組み合わせることができます。Vue は[単一ファイルコンポーネント](../guide/single-file-component.html)を作成するための、付随するツールも提供しています。
46+
## npm
47+
48+
Vue による大規模アプリケーションを構築するときには、npm を利用したインストールを推奨します。[Webpack](https://webpack.js.org/) または [Rollup](https://rollupjs.org/) のようなモジュールバンドラーとうまく組み合わせることができます。Vue は[単一ファイルコンポーネント](../guide/single-file-component.html)を作成するための、付随するツールも提供しています。
3649

3750
```bash
3851
# 最新安定版
@@ -44,15 +57,15 @@ $ npm install vue@next
4457
大規模なシングルページアプリケーション開発の足場を素早く組むために、Vue は [公式 CLI](https://github.com/vuejs/vue-cli) を提供します。この CLI にはモダンなフロントエンドワークフローのための、すぐに使えるビルド設定を用意しています。ホットリロード、保存時のリント、本番リリースのビルドができるようになるまでには、ほんの数分しかかかりません。より詳細は [Vue CLI ドキュメント](https://cli.vuejs.org) を参照してください。
4558

4659
::: tip
47-
CLI は Node.js と関連するビルドツールに関する予備知識を前提としています。もし、Vue またはフロントエンドビルドツールを初めて使用する場合は、CLI を使用する前に、ビルドツールなしで<a href="./">ガイド</a>を参照することを強くお勧めします。
60+
CLI は Node.js と関連するビルドツールに関する予備知識を前提としています。もし、Vue またはフロントエンドビルドツールを初めて使用する場合は、CLI を使用する前に、ビルドツールなしで [ガイド](./introduction.html) を参照することを強くお勧めします。
4861
:::
4962

50-
`npm` 上で `@vue/cli@next` として、Vue 3 向けの Vue CLI v4.5 が利用可能です。以前のバージョンからアップグレードする場合は、以下のように `@vue/cli` をグローバルに再インストールしてください:
63+
`npm` 上で `@vue/cli` として、Vue 3 向けの Vue CLI v4.5 が利用可能です。以前のバージョンからアップグレードする場合は、以下のように `@vue/cli` をグローバルに再インストールしてください:
5164

5265
```bash
53-
yarn global add @vue/cli@next
66+
yarn global add @vue/cli
5467
# または
55-
npm install -g @vue/cli@next
68+
npm install -g @vue/cli
5669
```
5770

5871
その後、Vue プロジェクト内で以下を実行します
@@ -67,10 +80,10 @@ vue upgrade --next
6780

6881
次のコマンドをターミナルで実行すると Vite ですぐに Vue プロジェクトをセットアップできます。
6982

70-
NPM の場合:
83+
npm の場合:
7184

7285
```bash
73-
$ npm init vite-app <プロジェクト名>
86+
$ npm init @vitejs/app <プロジェクト名>
7487
$ cd <プロジェクト名>
7588
$ npm install
7689
$ npm run dev
@@ -79,15 +92,21 @@ $ npm run dev
7992
または Yarn の場合:
8093

8194
```bash
82-
$ yarn create vite-app <project-name>
83-
$ cd <project-name>
95+
$ yarn create @vitejs/app <プロジェクト名>
96+
$ cd <プロジェクト名>
8497
$ yarn
8598
$ yarn dev
8699
```
87100

101+
ユーザ名に「Mike Baker」のように空白が入っていると、 Vite が成功しないことがあります。次を試してみてください。
102+
103+
```bash
104+
$ create-vite-app <プロジェクト名>
105+
```
106+
88107
## さまざまなビルドについて
89108

90-
[NPM パッケージの `dist/` ディレクトリ](https://cdn.jsdelivr.net/npm/vue@3.0.0-rc.1/dist/) には、Vue.js の多くのさまざまなビルドが見つかります。利用用途ごとに `dist` ファイルの使い分けの概要を説明します。
109+
[npm パッケージの `dist/` ディレクトリ](https://cdn.jsdelivr.net/npm/vue@3.0.2/dist/) には、Vue.js の多くのさまざまなビルドが見つかります。利用用途ごとに `dist` ファイルの使い分けの概要を説明します。
91110

92111
### CDN を利用、またはバンドラーを使用しない場合
93112

src/guide/typescript-support.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434

3535
```bash
3636
# 1. Vue CLI をまだインストールしていなければ、インストールします
37-
npm install --global @vue/cli@next
37+
npm install --global @vue/cli
3838

3939
# 2. 新しいプロジェクトを作成し、"Manually select features" を選択してください
4040
vue create my-project-name

0 commit comments

Comments
 (0)