小白學習"PredixUI的使用"系列一

今天，給大家一起學習predixUI的使用。那麼，在學習prediUI的使用之前，先給大家簡單的介紹一下關於predixUI的知識。Predix UI是一個擁有大量組件的UI庫，合理的配合使用起組件，可以輕鬆地創建功能強大，用戶友好的Web應用程序。其主要由三部分組成（附錄：predixUI官方文檔：https://www.predix-ui.com/#/home/）：
     
    1、即插即用的組件，可以加速UI / UX的開發

    2、可組合和可重複使用的CSS模塊，建立一致的設計

    3、快速啓動的網絡應用程序，可以與構建自己需要的一切組件

     現在就讓我們已經進入predixUI的學習之旅中。
    
     a.  環境
             i. 安裝node環境
            ii. 安裝依賴包bower
           iii. 安裝服務器（node 服務器包http-server或者其他服務器：tomcat或者iis）

   b. 步驟
           i. 首先在node的中安裝bower：npm install bower
          ii. 其次建立自己的項目，然後進入項目路徑中，然後進行項目初始化：bower init（在初始化的時候，會詢問該項目的名稱，描述，作者等相關信息，如果不需要自己設置編寫，可直接進行回車，最終會自動默認一個初始的內容）。最終初始化完成後會在當前路徑下建立一個項目，項目中有一個bower.json的文件，裏面就是剛剛配置的相關內容。
         iii. 再者，需要進行使用predixUI的相關內容時，需要安裝相關UI包：bower install px-spinner（如果想要在bower.json中加入該依賴，可以採用命令：bower install px-spinner --save）
最後，引用PredixUI到自己的項目的html文件中，引入的方法爲：<link rel="import" href="bower_components/px-spinner/px-spinner.html" />。然後可以在body中直接使用api的標籤來使用predixUI。如：<px-spinner></px-spinner>（加載的一個動畫）

     以上就是使用predixUI的基本使用用法，需要使用比較複雜的其他api，可以去predixUI進行查看學習。同時後期也會陸續推出先關的學習demo和內容。

      如果有更好的學習方式可以相互探討，如果有地方錯誤，歡迎吐槽指出，本人可以及時學習和彌補改正。