1. <dd id="vqeyv"></dd>
    <var id="vqeyv"></var>
    1. 您的位置:起點軟件下載編程開發編程工具Iceworks(飛冰 GUI) v2.20.0 官方版

      Iceworks(飛冰 GUI) v2.20.0 官方版Iceworks(飛冰 GUI) v2.20.0 官方版

      軟件大小:65.8M

      軟件官網:HomePage

      用戶評分:

      軟件類型:綠色軟件

      運行環境:Win All

      軟件語言:簡體中文

      軟件分類:編程工具

      更新時間:2019/5/17

      授權方式:免費軟件

      插件情況:無 插 件

      平臺檢測 無插件 360通過 騰訊通過 金山通過 瑞星通過
      編程工具
      Iceworks是由飛冰ICE推出一款開源的編程開發GUI軟件,主要用于輔助開發者快速開發中后臺前端應用,目前支持macOS和Windows兩大平臺。飛冰ice是一套基于React的中后臺應用解決方案,它包含了一條從設計端到開發端的完整鏈路,幫助我們的用戶快速搭建屬于自己的中后臺應用。

      Iceworks

      【功能特性】

      海量高質預制區塊  
      可視化工具區塊拼裝  
      淘寶React最佳實踐

      【使用方法】

      Iceworks快速開始
      零環境搭建 零配置 簡單易用

      創建項目

      軟件啟動后,項目列表為空,可通過的【創建項目】新建一個項目。

      界面會跳轉到模板市場,目前提供三種模板進行選擇,鼠標移動到指定的模板上,點擊【以該模板創建項目】進入項目配置頁面。

      新建一個文件夾或者選擇已有的空文件夾(避免覆蓋原有文件)。
      給項目起一個項目名,以便后續識別。
      點擊【開始創建項目】即可開始創建
      默認會在創建的時候同時安裝項目依賴,時間上會相對久一些,也可取消勾選,后續自行安裝

      管理項目
      項目創建完成后,會自動添加到項目列表中,并打開當前項目管理面板。
      通過項目管理面板,可執行啟動調試服務新建頁面構建項目等操作。

      啟動調試服務
      點擊啟動調試服務等待完成后出現服務地址,點擊可以預覽當前項目。

      上圖是一個ICEDesignCMS模板啟動后的預覽效果。

      新建頁面

      啟動調試服務后,可使用新建頁面來搭建頁面,通過block的組合完成頁面的創建。
      進入block搭建界面

      上方列出了當前項目可用的layout布局方式,選中任一一個作為新頁面的布局。
      下方列出了當前可選擇的blocks,點擊即可選擇該block到已選區塊列表中。
      右側為選中block組合的縮略圖預覽。
      選擇layout以及block后,點擊右下角生成頁面,會提示輸入頁面名,路由名,可以定義需要的名稱,
      頁面名:表示生成的文件名稱。
      路由名:表示頁面的訪問地址,可通過http://127.0.0.1:4444/#/xxxx訪問到對應的路由頁面。
      示例中,創建了page16訪問后即可看到剛搭建的頁面了。


      進入開發調試
      點擊項目版面上的編輯中打開會立即使用設置中選擇的編輯器打開項目,目前支持VisualStudioCode,SublimeText3,WebStorm和Atom等編輯器,推薦使用VisualStudioCode,如果你的電腦中未安裝請先安裝。
      項目目錄結構說明:

      例如上一步已創建的Page16頁面:

      通過二次開發增加業務邏輯,完成業務需求。

      打包發布
      點擊項目面板上的構建項目按鈕,將開發的構建出最終的jscss等資源。
      構建完成后,會在項目目錄下生成build文件夾,里面存在了index.htmlindex.jsindex.css文件。使用你熟悉的方式,上傳到對應的cdn服務器。


      部署上線
      上線過程即發布HTML文件的過程,index.html文件存在在build目錄中,將index.html文件復制到對應的服務服務器,并修改html源碼中的/build/index.css和/build/index.js地址,是上一步中得到的cdn地址以及站點標題。
      一個標準的HTML文件如下所示:

      在線上環境我們強烈推薦使用production版本的React,而不是development版本。它們之間的區別除了體積之外,還包括一些針對線上環境的性能優化
      到這里你已經學會使用Iceworks創建一個項目并發布:)

      【常見問題】

      1、WebStorm/IDEA 編輯器卡頓現象
      由于項目在安裝依賴后,產生文件夾 node_modules 含有較多的碎小文件,編輯器在索引文件引起的卡頓。 WebStorm 中尤為明顯,可通過 exclude node_modules 目錄,不需要檢索該文件夾下的內容。

      2、如何設置網頁在瀏覽器 Tab 上面的 Icon (favicon)
      細心的同學可能會看到頁面在瀏覽器 Tab 上面會有自定義的 Icon:

      如果你想要在自己站點上面加上這個 Icon 可以按照如下步驟添加:
      準備一個 Icon,文件格式可以為 .png 或者 .ico,正方形,分辨率可以是 32x32px 或者 64x64px 文件體積要求盡可能小。
      上傳 CDN 拿到一個 url 或者在自己服務器配置靜態資源服務
      在 HTML 頁面 標簽里面添加如下代碼:


      3、在 Iceworks 下載頁面點擊下載沒反應怎么辦?
      請檢查是否安裝 Adguard、AdBlock、xxx 安全助手等工具并被其攔截?因為 Iceworks 是二進制可安裝程序,可能會被安全軟件攔截,如有攔截請點擊確認或者臨時關閉相關攔截功能。

      4、出現端口已占用啟動失敗應該如何處理?
      當你出現類似 Something is already running on port 4444. 或類似的報錯時,可能是由于 Hosts 配置缺少 localhost 等相關配置。

      【更新日志】

      v1.3.1
      [修復] 創建 ICE Design Lite 異常的問題

      大家都喜歡

      • 電腦軟件
      • 手機軟件
      更多>

      用戶評論

      (您的評論需要經過審核才能顯示)0人參與,0條評論
      140

      最新評論

      還沒有評論,快來搶沙發吧!

      請簡要描述您遇到的錯誤,我們將盡快予以修訂

      返回頂部
      欧美黄色图片