Polymer - Instalare si configurare

postat acum un an de Stefanescu Mihai in categorie Polymer

Polymer poate fi instalat atat cu bower cat si descarcand fisierele si icluzandule in fisierul vostru HTML.

Bower

Pentru instalarea cu bower aveti in primul rand nevoie de NodeJS si Bower. Acum, ca am instalat bower nu trebuie decat sa scriem urmatoarea comada in consola:

bower init

Apoi, dupa ce am terminat de completat toate campurile scriem urmatoarea comanda:

bower install --save Polymer/polymer

Atentie: scriem comanda in locatie in care dorim sa instalam Polymer (ex: folderul proiectului)

Acum, ca am instalat polymer hai sa facem un fisier index.html nou in folderul proiectului. Fisierul meu index.html arata astfel:

<!DOCTYPE html>
<html>
    <head>
        <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
        <link href="elements/salut-ip.html" rel="import">
    </head>
    <body>
    <salut-ip></salut-ip>
    <h1>Salut din nou!</h1>
</html>

Gata, acum avem polymer instalat.

Instalare fara Bower

Pentru a instala Polymer fara bower nu trebuie decat sa intram pe site-ul Polymer si sa descarcam fisierele necesare:

Download Fisiere

Apoi sa cream un fisier in care includem iar polymer.html

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

<dom-module id="salut-ip">
  <template>
	<h1 class="element-heading">Salut www.Invata-Programare.Ro</h1>
  </template>
  <script>
    Polymer({is: "salut-ip"});
  </script>
</dom-module>
Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group
Acest articol a fost mutat de pe vechea platforma.
Pentru orice eroare aparuta la mutare va rog sa ma contactati!