📅 最后修改于: 2020-10-23 03:40:10 🧑 作者: Mango
在系统中配置Polymer很容易。以下是安装Polymer的两种方法。
步骤1-使用以下npm命令安装Polymer。
npm install -g polymer-cli@next
步骤2-使用以下命令检查安装和版本是否成功。
polymer --version
如果安装成功，它将显示为-
步骤3-使用您选择的名称创建目录，然后切换到该目录。
mkdir polymer-js
cd polymer-js
步骤4-要初始化您的项目，请在polymer-js目录中运行以下命令。
polymer init
执行完上述命令后，它将显示如下内容：
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
步骤5-从上面给定的选项中选择Polymer-2-application。
现在，使用以下命令启动您的项目。
polymer serve
步骤1-要使用Bower方法从头开始，请使用以下命令安装Bower。
npm install -g bower
步骤2-使用以下命令安装聚合物。
npm install -g polymer-cli@next
步骤3-使用以下命令检查Polymer的成功安装和版本。
polymer --version
如果安装成功，它将显示为-
0.18.0-pre.13.
步骤4-要从bower安装最新的Polymer 2.0 RC版本，请使用以下命令。
bower install Polymer/polymer#^2.0.0-rc.3
步骤5-创建一个index.html文件，并将以下代码添加到
标记中。
// it loads the polyfills
// it import Polymer
步骤6-使用以下命令启动您的项目。
polymer serve
要构建用于部署的项目，聚合物构建命令是一种更简单的方法，它将根据命令行标志来最小化，编译或捆绑您的代码。
要创建适用于所有浏览器的通用版本，请使用以下命令。
polymer build --js-compile
上面的命令会将项目构建为build / default，您可以使用以下命令启动该目录。
polymer serve build/default
Polymer 2.0使用ES6和HTML自定义元素。为了获得最佳实践，最好将ES6用于具有完全ES6支持的浏览器，并将ES5编译为不支持ES6的旧浏览器。下表显示了您的项目的最佳策略。
| Strategy | Easiest for cross-browser support | Most optimal for WC v1 performance |
|---|---|---|
| Server | Any server works, including static ones | Differential serving required |
| Deployed Code | ES5 transpiled | ES6 |
| Polyfill Loader | webcomponents-es5-loader.js | webcomponents-loader.js |