-
Notifications
You must be signed in to change notification settings - Fork 87
Guide > Installation の翻訳を追従 #271
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Changes from 15 commits
Commits
Show all changes
16 commits
Select commit
Hold shift + click to select a range
de2c093
change document version from char to npm svg file, keep be consistent…
awkj 96cf91f
docs: links to migration guide + update navbar ecosystem links
yyx990803 b7b5d0d
fix: change to modern bundler (#508)
kazupon 36125f6
fix: fixed Vue CLI npm name
NataliaTepluhina eb651dd
fix: update broken links
naokie eca95e6
docs: add intro to installation
bencodezen 597e2b5
fix: casing on npm
naokie 89056ce
docs: update number of methods recommended
bencodezen 510b7e5
update jsdelivr link (#684)
isaacl d18f9c6
Use `@vitejs/app` instead of `vite-app` (#818)
hanhan9449 14e16ff
Update installation.md (#841)
moosemanf c131d9a
chore(installation): unify and fix some markdown styles (#918)
kangetsu121 f1afb2f
docs: add self hosting Vue as an option in the installation guide (#923)
skirtles-code 64ae7c2
fix grammatical error in installation.md (#953)
idorenyinudoh c5d2ed6
docs: translate guide > installation
naokie e28f790
fix: anchor link
naokie File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,16 +1,23 @@ | ||
# インストール | ||
|
||
Vue.js は、段階的に導入できるように設計されています。これは要件に応じて、複数の方法でプロジェクトに組み込むことができることを意味します。 | ||
|
||
Vue.js をプロジェクトに追加するには主に4つの方法があります: | ||
|
||
1. ページ上で [CDN パッケージ](#cdn) として取り込む | ||
2. JavaScript ファイルをダウンロードして、 [自分でホストする](#download-and-self-host) | ||
3. [npm](#npm) を使ってインストールする | ||
4. 公式の [CLI](#cli) を使ってプロジェクトの基礎を作る。これはモダンなフロントエンドのワークフローのためのバッテリー同梱のようなビルドセットアップを提供します (例えば、ホットリロード、保存時に Lint など) | ||
|
||
## リリースノート | ||
|
||
最新のベータバージョン: 3.0.0-rc.5 | ||
最新のバージョン:  | ||
|
||
各バージョンの詳細なリリースノートは、 [GitHub](https://github.com/vuejs/vue-next/releases) で入手できます。 | ||
各バージョンの詳細なリリースノートは、 [GitHub](https://github.com/vuejs/vue-next/blob/master/CHANGELOG.md) で入手できます。 | ||
|
||
## Vue Devtools | ||
|
||
> 現在、ベータ版です。 | ||
|
||
> Vue 3 向けの Vue Devtools の利用には、`vue@^3.0.0-rc.1` 以上が必要です。 | ||
> 現在ベータ版 - Vuex と Router の統合は WIP です | ||
|
||
Vue を使用する場合は、ブラウザに [Vue Devtools](https://github.com/vuejs/vue-devtools#vue-devtools) をインストールすることをお勧めします。これにより、Vue アプリケーションをよりユーザーフレンドリーなインターフェースで調査、デバッグすることが可能になります。 | ||
|
||
|
@@ -30,9 +37,15 @@ Vue を使用する場合は、ブラウザに [Vue Devtools](https://github.com | |
|
||
本番環境では、新しいバージョンによる意図しない不具合を避けるため、特定のバージョン番号とビルド番号にリンクすることをお勧めします。 | ||
|
||
## NPM | ||
## Download and Self Host | ||
|
||
ビルドツールの使用を避けたいが、本番環境で CDN を使用できない場合は、関連する `.js` ファイルをダウンロードして、自分のウェブサーバを使ってホストすることができます。CDN の場合と同じように `<script>` タグを使って導入することができます。 | ||
|
||
ファイルは [unpkg](https://unpkg.com/browse/vue@next/dist/) や [jsDelivr](https://cdn.jsdelivr.net/npm/vue@next/dist/) などの CDN から閲覧、ダウンロードすることができます。様々な異なるファイルは [後で説明しますが](#explanation-of-different-builds) 、通常は開発用のビルドと本番用のビルドの両方をダウンロードすることになります。 | ||
|
||
Vue による大規模アプリケーションを構築するときには、NPM を利用したインストールを推奨します。[Webpack](https://webpack.js.org/) または [Browserify](http://browserify.org/) のようなモジュールバンドラーとうまく組み合わせることができます。Vue は[単一ファイルコンポーネント](../guide/single-file-component.html)を作成するための、付随するツールも提供しています。 | ||
## npm | ||
|
||
Vue による大規模アプリケーションを構築するときには、npm を利用したインストールを推奨します。[Webpack](https://webpack.js.org/) または [Rollup](https://rollupjs.org/) のようなモジュールバンドラーとうまく組み合わせることができます。Vue は[単一ファイルコンポーネント](../guide/single-file-component.html)を作成するための、付随するツールも提供しています。 | ||
|
||
```bash | ||
# 最新安定版 | ||
|
@@ -44,15 +57,15 @@ $ npm install vue@next | |
大規模なシングルページアプリケーション開発の足場を素早く組むために、Vue は [公式 CLI](https://github.com/vuejs/vue-cli) を提供します。この CLI にはモダンなフロントエンドワークフローのための、すぐに使えるビルド設定を用意しています。ホットリロード、保存時のリント、本番リリースのビルドができるようになるまでには、ほんの数分しかかかりません。より詳細は [Vue CLI ドキュメント](https://cli.vuejs.org) を参照してください。 | ||
|
||
::: tip | ||
CLI は Node.js と関連するビルドツールに関する予備知識を前提としています。もし、Vue またはフロントエンドビルドツールを初めて使用する場合は、CLI を使用する前に、ビルドツールなしで<a href="./">ガイド</a>を参照することを強くお勧めします。 | ||
CLI は Node.js と関連するビルドツールに関する予備知識を前提としています。もし、Vue またはフロントエンドビルドツールを初めて使用する場合は、CLI を使用する前に、ビルドツールなしで [ガイド](./introduction.html) を参照することを強くお勧めします。 | ||
::: | ||
|
||
`npm` 上で `@vue/cli@next` として、Vue 3 向けの Vue CLI v4.5 が利用可能です。以前のバージョンからアップグレードする場合は、以下のように `@vue/cli` をグローバルに再インストールしてください: | ||
`npm` 上で `@vue/cli` として、Vue 3 向けの Vue CLI v4.5 が利用可能です。以前のバージョンからアップグレードする場合は、以下のように `@vue/cli` をグローバルに再インストールしてください: | ||
|
||
```bash | ||
yarn global add @vue/cli@next | ||
yarn global add @vue/cli | ||
# または | ||
npm install -g @vue/cli@next | ||
npm install -g @vue/cli | ||
``` | ||
|
||
その後、Vue プロジェクト内で以下を実行します | ||
|
@@ -67,10 +80,10 @@ vue upgrade --next | |
|
||
次のコマンドをターミナルで実行すると Vite ですぐに Vue プロジェクトをセットアップできます。 | ||
|
||
NPM の場合: | ||
npm の場合: | ||
|
||
```bash | ||
$ npm init vite-app <プロジェクト名> | ||
$ npm init @vitejs/app <プロジェクト名> | ||
$ cd <プロジェクト名> | ||
$ npm install | ||
$ npm run dev | ||
|
@@ -79,15 +92,21 @@ $ npm run dev | |
または Yarn の場合: | ||
|
||
```bash | ||
$ yarn create vite-app <project-name> | ||
$ cd <project-name> | ||
$ yarn create @vitejs/app <プロジェクト名> | ||
$ cd <プロジェクト名> | ||
$ yarn | ||
$ yarn dev | ||
``` | ||
|
||
ユーザ名に「Mike Baker」のように空白が入っていると、 Vite が成功しないことがあります。次を試してみてください。 | ||
|
||
```bash | ||
$ create-vite-app <プロジェクト名> | ||
``` | ||
|
||
## さまざまなビルドについて | ||
|
||
[NPM パッケージの `dist/` ディレクトリ](https://cdn.jsdelivr.net/npm/[email protected].0-rc.1/dist/) には、Vue.js の多くのさまざまなビルドが見つかります。利用用途ごとに `dist` ファイルの使い分けの概要を説明します。 | ||
[npm パッケージの `dist/` ディレクトリ](https://cdn.jsdelivr.net/npm/[email protected].2/dist/) には、Vue.js の多くのさまざまなビルドが見つかります。利用用途ごとに `dist` ファイルの使い分けの概要を説明します。 | ||
|
||
### CDN を利用、またはバンドラーを使用しない場合 | ||
|
||
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
タイトルも
自分でホストする
という訳にしておくといいと思います。There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
うっかり、見逃し!ありがとうございます