Polymer 1.0 is released recently and I can download the elements à la carte at the elements.polymer-project.org site, but I can't find an easy link to download everything in one big zip file?
Any idea where they are hiding it?
If you are using bower run these commands:
bower install --save PolymerElements/iron-elements
bower install --save PolymerElements/paper-elements
bower install --save PolymerElements/gold-elements
bower install --save PolymerElements/neon-elements
bower install --save PolymerElements/platinum-elements
bower install --save GoogleWebComponents/google-web-components
bower install --save PolymerElements/app-elements
You can download a set of components as a ZIP file as suggested here.
Follow these steps to download all of the current catalog elements as a single ZIP file:
Browse to https://elements.polymer-project.org/browse
Click the ☆ next to each element you wish to download.
The ☆ will be filled (★) when selected.
All of the elements dependencies will be included in the ZIP file.
You can select all the elements if desired.
Click on the at the top of the page.
Select the Download tab.
Select the elements folder radio button.
Click the Download button.
Note: Keep in mind that if you choose this method (ZIP file) you will have to manage dependency updates on your own. It is recommended that you use bower instead.
You can download the Polymer Starter Kit for beginners that includes almost all the elements.
And download the missing elements as a ZIP file as suggested here.
Missing elements:
Google Web Components
Gold Elements
Related
I have been trying to get the IntelliSense activated inside VS Code.
When i do a gulp., it is not giving me options like task
You need to install gulp's typings file. I'm also not sure whether intellisense works without typescript for external modules.
npm i -g typings
typings init
typings install gulp --save-dev
After installing typings and:
typings install dt~gulp --global // --ambient deprecated use --global
Then click on green light bulb in bottom-right corner of VSC, and add a jsconfig.json file
Check out:
https://code.visualstudio.com/docs/runtimes/nodejs#_adding-a-jsconfigjson-configuration-file
You don't have to use
///
anymore... Also, you may need to close (using the "x") gulpfile.js, jsconfig.json, and package.json in the "Working Files" for jsconfig.json to recognize workspace.
I have downloaded this example : PolymerElements/app-layout-templates
..and I can't make it work (whereas I was able to access this one : PolymerElements/polymer-starter-kit)
I ran the following lines in the terminal :
bower init
bower -save polymer
bower bower install –save Polymer/polymer-elements Polymer/polymer-ui-elements
bower update
...and then accessed the folder via a python server.
Do you have some tips to make it work ?
If you want to try out PolymerElements/app-layout-templates then that's what you need to install on bower. Bower will download all the required dependencies for app-layout-templates to work.
bower install --save PolymerElements/app-layout-templates
After this you can start python server on folders app-layout-template, app-layout-template/nav-view etc to see how it works.
Also the repositories Polymer/polymer-elements, Polymer/polymer-ui-elements are invalid. The polymer elements are available in github repository https://github.com/PolymerElements. So to download polymer elements try something like below
bower install --save PolymerElements/iron-elements
bower install --save PolymerElements/paper-elements
bower install --save PolymerElements/neon-elements
bower install --save PolymerElements/platinum-elements
I installed Polymer using the following commands:
bower init
bower install --save Polymer/polymer#^1.1.0
bower install --save PolymerElements/paper-elements
It created a subfolder called bower_components. But none of the files were found until I copied them to a different subfolder, and then everything started working.
Why is that?
Perhaps you want to install your bower components in the "different subfolder" by default. This can be done using the following in .bowerrc:
{
"directory": "some/directory"
}
Hope that helps.
bower_components is created when you invoke bower install. All deps in bower.json will be downloaded there.
The Polymer Doc suggests to install polymer with:
bower install --save Polymer/polymer#^1.0.0
Why not just this:
bower install --save polymer
#^1.0.0 instructs Bower to install the latest 1.x.x version of Polymer that doesn't increment the first non-zero leftmost number, so anything between 1.0.0 but below 2.0.0 exclusive (thanks to zerodevx for correction). If you omit that and just run bower install --save Polymer/polymer it will install the latest and greatest version.
The Polymer/polymer command instructs Bower to go to GitHub and install from the source code repository. You could potentially use the shorthand polymer by itself, if the Polymer team has officially registered with Bower (I'm not sure). To be safe, just go directly to the source and install via Polymer/polymer.
I don't think there is a reason to install 1.0.0 specifically. You should install the latest and greatest. So it's just a documentation error. I'll create a pull request to change the documentation.
Just a difference in what gets downloaded. The former, adds an extra folder, "core-component-page". Try it yourself ;-)
The number next to the element is just a version...
If your app works with a specific version you can specified like that
My question is it good to install html5boilerplate with bower?
How can one proceed after that as it have its own directory for css and javascript and everything will come under bower_component/html5boilerplate
No, use Yeoman http://yeoman.io/ is even better than download the .zip
note: you need nodejs installed to install Yeoman
Install: npm install -g yo
https://github.com/h5bp/generator-h5bp
Install: npm install -g generator-h5bp
Run it with yo: yo h5bp
No, it's not.
HTML5 Boilerplate is meant to be used as a base for starting a new project.
Bower is a great way to manage libraries that are going to be used in a project, like jQuery or AngularJS.
The better thing for you to do is to download the HTML5 Boilerplate zip and extract its files into your project root folder.