shantu / LearningPolymer

2 stars 0 forks source link

Install Polymer 2.x in Mac #2

Open souman-technicise opened 7 years ago

souman-technicise commented 7 years ago

Polymer Install Link:

https://www.polymer-project.org/2.0/start/install-2-0

souman-technicise commented 7 years ago

Installing Polymer using Polymer CLI:

npm install:

Step1:

You can install the Polymer by using the below npm command:

npm install -g polymer-cli

Step2:

You can check the successful installation and version, by using the following command:

polymer --version

Step3:

If it has installed successfully, then it will show the version as:

Michaels-MacBook-Air:~ mycuratio$ polymer --version
1.3.0 

Step4:

Now, create a directory with name of your choice and switch to that directory:

mkdir polymer-20-test
cd polymer-20-test

Step5:

To initialize your project, run the below command in your polymer-js directory:

polymer init

Step6:

Select polymer-2-application.

After executing the above command, it will show something like this:

Michaels-MacBook-Air:polymer-20-test mycuratio$ polymer init
? Which starter template would you like to use? polymer-2-element
info:    Running template polymer-2-element...
? Element name polymer-20-test
? Brief description of the element 
   create bower.json
   create demo/index.html
   create index.html
   create polymer.json
   create README.md
   create polymer-20-test.html
   create test/polymer-20-test_test.html

Project generated!
souman-technicise commented 7 years ago

Setup Successfully:

I'm all done. Running bower install for you to install the required dependencies. If this fails, try running the command yourself.

bower cached        https://github.com/Polymer/polymer.git#2.0.1
bower validate      2.0.1 against https://github.com/Polymer/polymer.git#^2.0.0
bower cached        https://github.com/PolymerElements/iron-demo-helpers.git#2.0.0
bower validate      2.0.0 against https://github.com/PolymerElements/iron-demo-helpers.git#^2.0.0
bower cached        https://github.com/webcomponents/webcomponentsjs.git#1.0.1
bower validate      1.0.1 against https://github.com/webcomponents/webcomponentsjs.git#^1.0.0
bower cached        https://github.com/Polymer/web-component-tester.git#6.0.0
bower validate      6.0.0 against https://github.com/Polymer/web-component-tester.git#^6.0.0
bower cached        https://github.com/PolymerElements/font-roboto.git#1.0.2
bower validate      1.0.2 against https://github.com/PolymerElements/font-roboto.git#^1
bower cached        https://github.com/polymerelements/marked-element.git#2.1.1
bower validate      2.1.1 against https://github.com/polymerelements/marked-element.git#1 - 2
bower cached        https://github.com/PolymerElements/iron-location.git#2.0.1
bower validate      2.0.1 against https://github.com/PolymerElements/iron-location.git#1 - 2
bower cached        https://github.com/polymerelements/iron-flex-layout.git#2.0.0
bower validate      2.0.0 against https://github.com/polymerelements/iron-flex-layout.git#1 - 2
bower cached        https://github.com/PolymerElements/prism-element.git#2.0.1
bower validate      2.0.1 against https://github.com/PolymerElements/prism-element.git#1 - 2
bower cached        https://github.com/polymerelements/test-fixture.git#3.0.0-rc.1
bower validate      3.0.0-rc.1 against https://github.com/polymerelements/test-fixture.git#^3.0.0-rc.1
bower cached        https://github.com/caolan/async.git#1.5.2
bower validate      1.5.2 against https://github.com/caolan/async.git#^1.5.0
bower cached        https://github.com/chaijs/chai.git#3.5.0
bower validate      3.5.0 against https://github.com/chaijs/chai.git#^3.2.0
bower cached        https://github.com/GoogleChrome/accessibility-developer-tools.git#2.12.0
bower validate      2.12.0 against https://github.com/GoogleChrome/accessibility-developer-tools.git#^2.10.0
bower cached        https://github.com/lodash/lodash.git#3.10.1
bower validate      3.10.1 against https://github.com/lodash/lodash.git#^3.7.0
bower cached        https://github.com/mochajs/mocha.git#3.4.2
bower validate      3.4.2 against https://github.com/mochajs/mocha.git#^3.1.2
bower cached        https://github.com/blittle/sinon.js.git#1.17.1
bower validate      1.17.1 against https://github.com/blittle/sinon.js.git#^1.14.1
bower cached        https://github.com/PolymerLabs/stacky.git#1.3.2
bower validate      1.3.2 against https://github.com/PolymerLabs/stacky.git#^1.3.0
bower cached        https://github.com/domenic/sinon-chai.git#2.11.0
bower validate      2.11.0 against https://github.com/domenic/sinon-chai.git#^2.7.0
bower cached        https://github.com/webcomponents/shadycss.git#1.0.1
bower validate      1.0.1 against https://github.com/webcomponents/shadycss.git#^v1.0.0
bower cached        https://github.com/chjj/marked.git#0.3.6
bower validate      0.3.6 against https://github.com/chjj/marked.git#~0.3.6
bower cached        https://github.com/LeaVerou/prism.git#1.6.0
bower validate      1.6.0 against https://github.com/LeaVerou/prism.git#*
bower extra-resolution      Unnecessary resolution: polymer#^2.0.0
bower install               iron-demo-helpers#2.0.0
bower install               webcomponentsjs#1.0.1
bower install               web-component-tester#6.0.0
bower install               polymer#2.0.1
bower install               font-roboto#1.0.2
bower install               marked-element#2.1.1
bower install               iron-location#2.0.1
bower install               iron-flex-layout#2.0.0
bower install               prism-element#2.0.1
bower install               test-fixture#3.0.0-rc.1
bower install               accessibility-developer-tools#2.12.0
bower install               async#1.5.2
bower install               chai#3.5.0
bower install               sinonjs#1.17.1
bower install               stacky#1.3.2
bower install               sinon-chai#2.11.0
bower install               lodash#3.10.1
bower install               mocha#3.4.2
bower install               shadycss#1.0.1
bower install               marked#0.3.6
bower install               prism#1.6.0

iron-demo-helpers#2.0.0 bower_components/iron-demo-helpers
├── font-roboto#1.0.2
├── iron-flex-layout#2.0.0
├── iron-location#2.0.1
├── marked-element#2.1.1
├── polymer#2.0.1
└── prism-element#2.0.1

webcomponentsjs#1.0.1 bower_components/webcomponentsjs

web-component-tester#6.0.0 bower_components/web-component-tester
├── accessibility-developer-tools#2.12.0
├── async#1.5.2
├── chai#3.5.0
├── lodash#3.10.1
├── mocha#3.4.2
├── sinon-chai#2.11.0
├── sinonjs#1.17.1
├── stacky#1.3.2
└── test-fixture#3.0.0-rc.1

polymer#2.0.1 bower_components/polymer
├── shadycss#1.0.1
└── webcomponentsjs#1.0.1

font-roboto#1.0.2 bower_components/font-roboto

marked-element#2.1.1 bower_components/marked-element
├── marked#0.3.6
└── polymer#2.0.1

iron-location#2.0.1 bower_components/iron-location
└── polymer#2.0.1

iron-flex-layout#2.0.0 bower_components/iron-flex-layout
└── polymer#2.0.1

prism-element#2.0.1 bower_components/prism-element
├── polymer#2.0.1
└── prism#1.6.0

test-fixture#3.0.0-rc.1 bower_components/test-fixture

accessibility-developer-tools#2.12.0 bower_components/accessibility-developer-tools

async#1.5.2 bower_components/async

chai#3.5.0 bower_components/chai

sinonjs#1.17.1 bower_components/sinonjs

stacky#1.3.2 bower_components/stacky

sinon-chai#2.11.0 bower_components/sinon-chai

lodash#3.10.1 bower_components/lodash

mocha#3.4.2 bower_components/mocha

shadycss#1.0.1 bower_components/shadycss

marked#0.3.6 bower_components/marked

prism#1.6.0 bower_components/prism

Setup Complete!
Check out your new project README for information about what to do next.