| OLD | NEW |
| 1 --- | 1 --- |
| 2 layout: default | 2 layout: default |
| 3 title: "Install Shared Packages" | 3 title: "Install Shared Packages" |
| 4 description: "Packages are bundles of source code, tools, and resources that hel
p you to organize and share code" | 4 description: "Packages are bundles of source code, tools, and resources that hel
p you to organize and share code" |
| 5 has-permalinks: true | 5 has-permalinks: true |
| 6 tutorial: | 6 tutorial: |
| 7 id: packages | 7 id: packages |
| 8 next: polymer-intro/ | 8 next: polymer-intro/ |
| 9 next-title: "Define a Custom Element" | 9 next-title: "Define a Custom Element" |
| 10 prev: remove-elements/ | 10 prev: remove-elements/ |
| (...skipping 30 matching lines...) Expand all Loading... |
| 41 </div> | 41 </div> |
| 42 | 42 |
| 43 Now that you're able to create and run a Dart application | 43 Now that you're able to create and run a Dart application |
| 44 and have a basic understanding of DOM programming, | 44 and have a basic understanding of DOM programming, |
| 45 you are ready to leverage code written by other programmers. | 45 you are ready to leverage code written by other programmers. |
| 46 Many interesting and useful packages of reusable Dart code | 46 Many interesting and useful packages of reusable Dart code |
| 47 are available at the | 47 are available at the |
| 48 <a href="https://pub.dartlang.org/">pub.dartlang.org</a> | 48 <a href="https://pub.dartlang.org/">pub.dartlang.org</a> |
| 49 repository. | 49 repository. |
| 50 | 50 |
| 51 This target shows you how to use `pub`—a package manager | 51 This tutorial shows you how to use `pub`—a package manager |
| 52 that comes with Dart—to | 52 that comes with Dart—to |
| 53 install one of the packages in the repository, | 53 install one of the packages in the repository, |
| 54 the vector_math package. | 54 the vector_math package. |
| 55 You can follow these same steps to install any package hosted at | 55 You can follow these same steps to install any package hosted at |
| 56 <a href="https://pub.dartlang.org/">pub.dartlang.org</a>; | 56 <a href="https://pub.dartlang.org/">pub.dartlang.org</a>; |
| 57 just change the package name when you get to that step. | 57 just change the package name when you get to that step. |
| 58 This target also describes some of the resources you can expect to find | 58 This tutorial also describes some of the resources you can expect to find |
| 59 in a well-built package. | 59 in a well-built package. |
| 60 | 60 |
| 61 * [About the pubspec.yaml file](#about-pubspec) | 61 * [About the pubspec.yaml file](#about-pubspec) |
| 62 * [Name the package dependencies](#name-dependencies) | 62 * [Name the package dependencies](#name-dependencies) |
| 63 * [Install the package dependencies](#install-dependencies) | 63 * [Install the package dependencies](#install-dependencies) |
| 64 * [What did you get (and not get)?](#about-packages) | 64 * [What did you get (and not get)?](#about-packages) |
| 65 * [Import libraries from a package](#use-package) | 65 * [Import libraries from a package](#use-package) |
| 66 * [Other resources](#other-resources) | 66 * [Other resources](#other-resources) |
| 67 * [What next?](#what-next) |
| 67 | 68 |
| 68 ##About the pubspec.yaml file {#about-pubspec} | 69 ##About the pubspec.yaml file {#about-pubspec} |
| 69 | 70 |
| 70 To use an external package, | 71 To use an external package, |
| 71 your application must itself be a package. | 72 your application must itself be a package. |
| 72 Any application with a valid pubspec.yaml file in its top-level directory | 73 Any application with a valid pubspec.yaml file in its top-level directory |
| 73 is a package and can therefore use external packages. | 74 is a package and can therefore use external packages. |
| 74 When you create an application using Dart Editor, | 75 When you create an application using Dart Editor, |
| 75 Dart Editor automatically creates a `pubspec.yaml` file. | 76 Dart Editor automatically creates a `pubspec.yaml` file. |
| 76 | 77 |
| (...skipping 209 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 286 | 287 |
| 287 <ul> | 288 <ul> |
| 288 <li> | 289 <li> |
| 289 Dart developers share packages at | 290 Dart developers share packages at |
| 290 <a href="https://pub.dartlang.org/">pub.dartlang.org</a>. | 291 <a href="https://pub.dartlang.org/">pub.dartlang.org</a>. |
| 291 Look there for packages that might be useful to you, | 292 Look there for packages that might be useful to you, |
| 292 or share your own Dart packages. | 293 or share your own Dart packages. |
| 293 See the <a href="https://pub.dartlang.org/doc/">pub documentation</a> | 294 See the <a href="https://pub.dartlang.org/doc/">pub documentation</a> |
| 294 to get started using and sharing packages. | 295 to get started using and sharing packages. |
| 295 </li> | 296 </li> |
| 296 <li> | |
| 297 One important package that you will find there | |
| 298 is | |
| 299 <a href="https://pub.dartlang.org/packages/web_ui">web_ui</a>—a packag
e | |
| 300 created by the Dart team that lets you use Web components and templating. | |
| 301 The | |
| 302 <a href="/docs/tutorials/web-ui/">next target</a> covers Web UI. | |
| 303 </li> | |
| 304 </ul> | 297 </ul> |
| 305 | 298 |
| 299 ##What next? {#what-next} |
| 300 |
| 301 One package at pub.dartlang.org is Polymer.dart, |
| 302 which makes writing web applications easier |
| 303 with data binding, templates, and declarative event handlers. |
| 304 Check out the next tutorial, |
| 305 [Define a Custom Element](/docs/tutorials/polymer-intro), |
| 306 for an introduction to Polymer. |
| 307 |
| 308 |
| 306 {% endcapture %} | 309 {% endcapture %} |
| 307 | 310 |
| 308 {% include tutorial.html %} | 311 {% include tutorial.html %} |
| OLD | NEW |