Halaman Instalasi (vuejs#126)

mandaputtra · mazipan · commit b98210740d85 · 2019-06-04T15:15:25.000+07:00
* core:halaman installation

* some words improvements

* yang atas ada yang belum
diff --git a/src/v2/guide/installation.md b/src/v2/guide/installation.md
@@ -40,13 +40,13 @@ Kami merekomendasikan untuk versi spesifik yang dapat Anda mutakhirkan secara ma
 <script src="https://cdn.jsdelivr.net/npm/vue"></script>
 ```
 
-For production, we recommend linking to a specific version number and build to avoid unexpected breakage from newer versions:
+Untuk masa produksi, kami menyarankan untuk menggunakan angka versi dan bundel untuk menghindari perubahan signifikan pada versi terbaru:
 
 ``` html
 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0/dist/vue.js"></script>
 ```
 
-If you are using native ES Modules, there is also an ES Modules compatible build:
+Jika kamu menggunakan ES Module asli, disediakan juga bundel kompatibel dengan ES Modules:
 
 ``` html
 <script type="module">
@@ -96,37 +96,39 @@ Di dalam [direktori `dist/` dari paket NPM](https://cdn.jsdelivr.net/npm/vue/dis
 
 - **Runtime**: kode yang bertanggung jawab untuk membuat instan Vue, _rendering_, dan _patching_ DOM virtual, dll. Pada dasarnya semua kecuali _compiler_.
 
-- **[UMD](https://github.com/umdjs/umd)**: UMD builds can be used directly in the browser via a `<script>` tag. The default file from jsDelivr CDN at [https://cdn.jsdelivr.net/npm/vue](https://cdn.jsdelivr.net/npm/vue) is the Runtime + Compiler UMD build (`vue.js`).
+- **[UMD](https://github.com/umdjs/umd)**: Bundel UMD dapat digunakan langsung pada browser dengan *tag* `<script>`. file standart dari jsDelivr CDN  [https://cdn.jsdelivr.net/npm/vue](https://cdn.jsdelivr.net/npm/vue) merupakan *Runtime* + *Compiler* bundel UMD (`vue.js`).
 
-- **[CommonJS](http://wiki.commonjs.org/wiki/Modules/1.1)**: CommonJS builds are intended for use with older bundlers like [browserify](http://browserify.org/) or [webpack 1](https://webpack.github.io). The default file for these bundlers (`pkg.main`) is the Runtime only CommonJS build (`vue.runtime.common.js`).
+- **[CommonJS](http://wiki.commonjs.org/wiki/Modules/1.1)**: Bundel CommonJS ditargetkan untuk digunakan oleh *bundler* lama seperti [browserify](http://browserify.org/) atau [webpack 1](https://webpack.github.io). Standar pada *bundler* ini (`pkg.main`) merupakan  *Runtime only CommonJS* bundel (`vue.runtime.common.js`).
 
-- **[ES Module](http://exploringjs.com/es6/ch_modules.html)**: starting in 2.6 Vue provides two ES Modules (ESM) builds:
+- **[ES Module](http://exploringjs.com/es6/ch_modules.html)**: mulai pada 2.6 Vue menyediakan dua bundel ES Modules (ESM):
 
-  - ESM for bundlers: intended for use with modern bundlers like [webpack 2](https://webpack.js.org) or [Rollup](https://rollupjs.org/). ESM format is designed to be statically analyzable so the bundlers can take advantage of that to perform "tree-shaking" and eliminate unused code from your final bundle. The default file for these bundlers (`pkg.module`) is the Runtime only ES Module build (`vue.runtime.esm.js`).
+  - ESM untuk *bundlers*: dimaksudkan untuk digunakan dengan *bundler* modern seperti [webpack 2](https://webpack.js.org) atau [Rollup](https://rollupjs.org/). Format ESM didesain secara statis dan dapat di analisis, sehingga *bundler* dapat mengambil keuntungan dari hal tersebut untuk melakukan [*tree-shaking*](https://www.keycdn.com/blog/tree-shaking) dan meng-eliminasi kode yang tidak digunakan dari bundel finalmu. File standar untuk bundel ini (`pkg.module`) adalah *Runtime only ES Module* bundel (`vue.runtime.esm.js`).
 
-  - ESM for browsers (2.6+ only): intended for direct imports in modern browsers via `<script type="module">`.
+  - ESM untuk browser (2.6+ only): dimaksudkan untuk impor modul langsung di browser modern  `<script type="module">`.
 
 ### Runtime + Compiler vs. Runtime-only
 
 If you need to compile templates on the client (e.g. passing a string to the `template` option, or mounting to an element using its in-DOM HTML as the template), you will need the compiler and thus the full build:
 
+Jika kamu membutuhkan untuk menyusun (*compile*) templat pada sisi klien (contoh: menggunakan *string*  pada opsi `template`, atau  memasang pada element menggukana *in-DOM HTML* sebagai templat), kamu membutuhkan penyusun (*compiler*) dan dengan demikian juga bundel penuh (*full-build*).
+
 ``` js
-// this requires the compiler
+// Ini membutuhkan kompiler
 new Vue({
   template: '<div>{{ hi }}</div>'
 })
 
-// this does not
+// ini tidak
 new Vue({
   render (h) {
     return h('div', this.hi)
   }
 })
 ```
 
-When using `vue-loader` or `vueify`, templates inside `*.vue` files are pre-compiled into JavaScript at build time. You don't really need the compiler in the final bundle, and can therefore use the runtime-only build.
+Saat kamu menggunakan `vue-loader` atau `vueify`, templat di dalam `*.vue` file sudah dikompilasi ke bentuk JavaScript pada saat built time. Kamu tidak terlalu membutuhkan kompiler dalam bundel akhir, dan hanya menggunakan *runtime-only* bundel.
 
-Since the runtime-only builds are roughly 30% lighter-weight than their full-build counterparts, you should use it whenever you can. If you still wish to use the full build instead, you need to configure an alias in your bundler:
+Dikarenakan bundel *runtime-only* 30% lebih ringan daripada cara lain `full-build`, kamu harus menggunakannya disaat kamu bisa. Tapi jika kamu ingin menggunakan `full-build`, dapat dilakukan dengan menambahkan alias pada bundler.
 
 #### Webpack
 
@@ -135,7 +137,7 @@ module.exports = {
   // ...
   resolve: {
     alias: {
-      'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' for webpack 1
+      'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' untuk webpack versi 1
     }
   }
 }
@@ -158,7 +160,7 @@ rollup({
 
 #### Browserify
 
-Add to your project's `package.json`:
+Tambahkan pada `package.json` anda:
 
 ``` js
 {
@@ -171,7 +173,7 @@ Add to your project's `package.json`:
 
 #### Parcel
 
-Add to your project's `package.json`:
+Tambahkan pada `package.json` anda:
 
 ``` js
 {
@@ -182,25 +184,24 @@ Add to your project's `package.json`:
 }
 ```
 
-### Development vs. Production Mode
+### Masa Pengembangan vs. Masa Produksi (*Development vs. Production Mode*)
 
-Development/production modes are hard-coded for the UMD builds: the un-minified files are for development, and the minified files are for production.
+Masa pengembangan/produksi merupakan hasil `hard-coded` bundel UMD: bundel yang tidak di minifikasi merupakan bundel masa pengembangan dan yang tidak di minifikasi merupakan bundel masa produksi.
 
-CommonJS and ES Module builds are intended for bundlers, therefore we don't provide minified versions for them. You will be responsible for minifying the final bundle yourself.
+Bundel CommonJS dan ES Module dimaksudkan kepada pembuat bundel (*bundlers*), karena itu kita tidak menyediakan versi minifikasi untuk bundel tersebut (CommonJs dan ES Module). Kamu bertanggunag jawab atas bundel akhir untuk strategi minifikasi tersebut.
 
-CommonJS and ES Module builds also preserve raw checks for `process.env.NODE_ENV` to determine the mode they should run in. You should use appropriate bundler configurations to replace these environment variables in order to control which mode Vue will run in. Replacing `process.env.NODE_ENV` with string literals also allows minifiers like UglifyJS to completely drop the development-only code blocks, reducing final file size.
+Bundel CommonJS dan ES Module juga mempertahankan untuk memeriksa mentah `process.env.NODE_ENV` untuk menentukan mode mana yang digunakan saat apliaksi berjalan. Kamu harus menggunakan konfigurasi pembuat bundel (*bundler*) yang benar untuk menggantikan variabel ekosistem tersebut dikarekan untuk mengontrol di mode manakah Vue harus berjalan (Masa pengembangan/produksi). Mengganti `process.env.NODE_ENV` menggunakan *string literal* juga memungkinkan alat minifikasi (*minifiers*) seperti UglifyJS untuk membuang blok code pada masa pengembangan.
 
 #### Webpack
 
-In Webpack 4+, you can use the `mode` option:
+Di dalam Webpack 4+, kamu dapat menggunakan opsi `mode`:
 
 ``` js
 module.exports = {
   mode: 'production'
 }
 ```
-
-But in Webpack 3 and earlier, you'll need to use [DefinePlugin](https://webpack.js.org/plugins/define-plugin/):
+Untuk Webpack 3 dan sebelumnya, kamu harus menggunakan [*DefinePlugin*](https://webpack.js.org/plugins/define-plugin/):
 
 ``` js
 var webpack = require('webpack')
@@ -220,7 +221,7 @@ module.exports = {
 
 #### Rollup
 
-Use [rollup-plugin-replace](https://github.com/rollup/rollup-plugin-replace):
+Gunakan [*rollup-plugin-replace*](https://github.com/rollup/rollup-plugin-replace):
 
 ``` js
 const replace = require('rollup-plugin-replace')
@@ -237,23 +238,25 @@ rollup({
 
 #### Browserify
 
-Apply a global [envify](https://github.com/hughsk/envify) transform to your bundle.
+Gunakan mode global [*envify*](https://github.com/hughsk/envify) untuk merubah bundel.
 
 ``` bash
 NODE_ENV=production browserify -g envify -e main.js | uglifyjs -c -m > build.js
 ```
 
-Also see [Production Deployment Tips](deployment.html).
+Lihat juga [tips masa produksi dan pengembangan](deployment.html).
+
+### Ekosistem CSP
 
-### CSP environments
+Beberapa lingkungan, seperti Google Chrome Apps, mengharuskan Content Security Policy (CSP), dimana melarang penggunakan `new Function()` untuk mengevaluasi ekspresi (dalam hal ini *function expression*). Bundel akhir tergantung pada fitur ini untuk menyusun templat, jadi *bundler* tidak berguna sama sekali dalam ekosistem ini.
 
-Some environments, such as Google Chrome Apps, enforce Content Security Policy (CSP), which prohibits the use of `new Function()` for evaluating expressions. The full build depends on this feature to compile templates, so is unusable in these environments.
+Di sisi lain, *runtime-only* bundel merupakan bundel yang sesui untuk ekositem CSP. Saat menggunakan bundel *runtime-only* dengan [Webpack + Vueloader](https://github.com/vuejs-templates/webpack-simple) atau [Browserify + vueify](https://github.com/vuejs-templates/browserify-simple) tempatmu akan disusun kedalam fungsi `render` yang dimana hal ini cocok untuk ekosistem CSP
 
-On the other hand, the runtime-only build is fully CSP-compliant. When using the runtime-only build with [Webpack + vue-loader](https://github.com/vuejs-templates/webpack-simple) or [Browserify + vueify](https://github.com/vuejs-templates/browserify-simple), your templates will be precompiled into `render` functions which work perfectly in CSP environments.
+## Bundel Pengembangan (*Dev Build*)
 
-## Dev Build
+**Penting**: the built files in GitHub's `/dist` folder are only checked-in during releases. To use Vue from the latest source code on GitHub, you will have to build it yourself!
 
-**Important**: the built files in GitHub's `/dist` folder are only checked-in during releases. To use Vue from the latest source code on GitHub, you will have to build it yourself!
+File bundel pada Github `/dist` folder hanya disusun (*compile*) saat rilis. Untuk menggunakan Vue dari kode sumber terakhir di Github, kamu harus menyusun-nya sendiri.
 
 ``` bash
 git clone https://github.com/vuejs/vue.git node_modules/vue
@@ -264,13 +267,13 @@ npm run build
 
 ## Bower
 
-Only UMD builds are available from Bower.
+Hanya bundel UMD saja yang disediakan dari Bower
 
 ``` bash
-# latest stable
+# versi stabil terakhir
 $ bower install vue
 ```
 
 ## AMD Module Loaders
 
-All UMD builds can be used directly as an AMD module.
+Semua bundel UMD bisa digunakan langsung sebagai modul AMD
