Polimer - Instalasi

Sangat mudah untuk mengkonfigurasi Polymer di sistem Anda. Berikut adalah dua cara untuk menginstal Polymer.

CLI Polymer (Antarmuka Baris Perintah)
The Bower

Memasang Polymer Menggunakan Polymer CLI

Step 1 - Instal Polymer menggunakan perintah npm berikut.

npm install -g polymer-cli@next

Step 2 - Periksa penginstalan dan versi yang berhasil menggunakan perintah berikut.

polymer --version

Jika berhasil diinstal, versi akan ditampilkan sebagai -

Step 3 - Buat direktori dengan nama pilihan Anda dan alihkan ke direktori itu.

mkdir polymer-js 
cd polymer-js

Step 4- Untuk menginisialisasi proyek Anda, jalankan perintah berikut di polymer-jsdirectory Anda .

polymer init

Setelah menjalankan perintah di atas, itu akan menunjukkan sesuatu seperti ini -

C:\polymer-js>polymer init 
? Which starter template would you like to use? 
   1) polymer-1-element - A simple Polymer 1.0 element template 
   2) polymer-2-element - A simple Polymer 2.0 element template 
   3) polymer-1-application - A simple Polymer 1.0 application template 
   4) polymer-2-application - A simple Polymer 2.0 application 
   5) polymer-1-starter-kit - A Polymer 1.x starter application template, with 
      navigation and "PRPL pattern" loading 
   6) polymer-2-starter-kit - A Polymer 2.x starter application template, with 
      navigation and "PRPL pattern" loading 
   7) shop - The "Shop" Progressive Web App demo
   Answer: 4

Step 5 - Pilih aplikasi polimer-2 dari opsi yang diberikan di atas.

Sekarang, mulai proyek Anda menggunakan perintah berikut.

polymer serve

Memasang Polymer Menggunakan Bower

Step 1 - Untuk memulai dari awal menggunakan metode Bower, instal Bower menggunakan perintah berikut.

npm install -g bower

Step 2 - Instal Polymer menggunakan perintah berikut.

npm install -g polymer-cli@next

Step 3 - Periksa pemasangan dan versi Polimer yang berhasil, menggunakan perintah berikut.

polymer --version

Jika berhasil diinstal, versi akan ditampilkan sebagai -

0.18.0-pre.13.

Step 4 - Untuk menginstal rilis Polymer 2.0 RC terbaru dari bower, gunakan perintah berikut.

bower install Polymer/polymer#^2.0.0-rc.3

Step 5 - Buat index.html file dan tambahkan kode berikut di tag <head>.

<script src = "/bower_components/webcomponentsjs/webcomponentsloader.js"></script> 
// it loads the polyfills 

<link rel = "import" href = "/bower_components/polymer/polymer.html"> 
// it import Polymer

Step 6 - Mulai proyek Anda menggunakan perintah berikut.

polymer serve

Membangun untuk Penerapan

Untuk membangun proyek Anda untuk penerapan, polymer build perintah adalah cara yang lebih mudah, yang akan mengecilkan, mengompilasi, atau memaketkan kode Anda tergantung pada tanda baris perintah.

Untuk membuat build universal yang berfungsi di semua browser, gunakan perintah berikut.

polymer build --js-compile

Perintah di atas akan membangun proyek ke build / default dan Anda dapat memulai direktori ini, menggunakan perintah berikut.

polymer serve build/default

Polymer 2.0 menggunakan ES6 dan Elemen Kustom HTML. Untuk praktik terbaik, sebaiknya gunakan ES6 ke browser dengan dukungan ES6 lengkap dan kompilasi ES5 ke browser lama yang tidak mendukung ES6. Tabel berikut menunjukkan strategi terbaik untuk proyek Anda.

Strategi	Paling mudah untuk dukungan lintas browser	Paling optimal untuk performa WC v1
Server	Semua server berfungsi, termasuk yang statis	Penyajian diferensial diperlukan
Kode yang Diterapkan	ES5 ditranslasikan	ES6
Pemuat Polyfill	webcomponents-es5-loader.js	webcomponents-loader.js