Polymer教程:安装

在您的系统中配置Polymer很容易。以下是安装Polymer的两种方法。

  • Polymer CLI(命令行界面)
  • The Bower

使用Polymer CLI安装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

使用Bower安装Polymer

步骤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文件,并将以下代码添加到<head>标记中。

<script src = "/bower_components/webcomponentsjs/webcomponentsloader.js"></script> 
// it loads the polyfills 

<link rel = "import" href = "/bower_components/polymer/polymer.html"> 
// 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的旧浏览器。下表显示了您的项目的最佳策略。

战略最简单的跨浏览器支持WC v1性能最佳
服务器任何服务器都能正常工作,包括静态服务器需要差异服务
部署代码ES5转换ES6
Polyfill装载机webcomponents-es5-loader.jswebcomponents-loader.js

作者:terry,如若转载,请注明出处:https://www.web176.com/polymer/2341.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年4月7日 上午11:42
下一篇 2021年4月7日 上午11:43

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注