Uix Kit 快速建站前端開發套件 工具箱

2022-09-12 04:24:11 字數 2317 閱讀 4319

這個產品維護已經有一年了(由於業務需求不同,目前沒有做中文版,產品本身是針對國外**),自己本身是做ui出生,開發只是業餘愛好,僅僅作為平時工作的需要。雜七雜八會一些前後端開發。並非職業碼農!

好啦,自我介紹簡單就好!:)

甚至,你可以把裡面的所有模組刪除,只是使用套件的腳手架,通過套件提供的自動化流程,優化你的工作效率和方式方法。

當我們做專案的時候,會使用一些優秀的模板,但是很難去個性化去定製,特別是很難將其模組化管理。

當我們做專案的時候,會使用到各種外掛程式,但是由於外掛程式眾多,容易造成規範和結構的混亂。

當我們做專案的時候,重新編寫一堆堆html,css,j**ascript**,時間長了,效率低,質量低,甚至會厭倦它們,永無止境的工作和加班。

當我們做專案的時候,總是不能開心的讓系統去執行自動化任務,不夠科學,不夠前衛,不夠智慧型,我們也會漸漸對網頁設計或前端開發產生一些低潮。

2.配置你電腦的node.js環境

4.直接通過修改src/ 資料夾內的模組元件的html,js,scss檔案,來實現前端開發,所有檔案將會自動打包生成到 examples/ 資料夾中。

不建議跳過開發模式直接修改examples/ 資料夾裡的檔案,因為**量非常大,很難去維護和定製各種動畫、互動、結構。

uix-kit/

├── readme.md

├── changelog.md

├── contributing.md

├── license

├── webpack.config.js

├── package-lock.json

├── package.json

├── dist/

│ ├── css/

│ │ ├── uix-kit.css

│ │ ├── uix-kit.css.map

│ │ ├── uix-kit.min.css

│ │ ├── uix-kit.min.css.map

│ │ ├── uix-kit-rtl.css

│ │ ├── uix-kit-rtl.css.map

│ │ ├── uix-kit-rtl.min.css

│ │ └── uix-kit-rtl.min.css.map

│ └── js/

│ │ ├── uix-kit.js

│ │ ├── uix-kit.js.map

│ │ ├── uix-kit.min.js

│ │ ├── uix-kit.min.js.map

│ │ ├── uix-kit-rtl.js

│ │ ├── uix-kit-rtl.js.map

│ │ ├── uix-kit-rtl.min.js

│ │ ├── uix-kit-rtl.min.js.map

│ │ ├── uix-kit.concat.es5.dev.js

│ │ └── uix-kit.concat.es5.dev.js.map

├── misc/

│ ├── screenshots/

│ └── grid/

├── src/

│ ├── index.js

│ ├── index-rtl.js

│ ├── components/

│ │ ├── es5/

│ │ └── es6/

├── examples/

│ ├── *.html

│ ├── assets/

│ │ ├── css/

│ │ ├── fonts/

│ │ ├── images/

│ │ ├── videos/

│ │ ├── models/

│ │ ├── json/

│ │ └── js/

└──

這個工具套件並不是強制誰去使用它的預設樣式和互動效果,而是提供了乙個便於利用的自動化腳手架,通過webpack來規範你的開發流程,提高**的質量和編寫效率,提高後期維護的便利性。這是一種工作方法,而不是現成的模板(當然也可以直接使用examples/目錄裡的專案檔案,作為快速建站的模板),uix kit的價值,在於快速、簡單的模組分離,自動化打包和生成目錄,並提供了豐富的預設常用前端**應用。

如果它對你有幫助,可以關注github專案主頁,專案會不斷更新公升級優化:) 詳細使用方法請參考github主頁 

前端快速開發模版

之前一直在開發移動端的單頁面應用,而移動web對效能和效果要求是比較苛刻的,所以用的都是輕量級的框架體系。基本上是zepto加自己開發的單頁面框架,再加上若干簡單的庫。這樣前端要載入的檔案很小,修改起來也非常方便,同時這樣的輕量級的體系使用gulp進行自動化管理也是非常合適的。自從開發react專案...

安卓前端快速開發 登入介面

內含以下欄目 賬號密碼 使用者登入 忘記密碼 現在去註冊 軟體介紹 安卓前端快速開發工具 安卓切片 是一款根據效果圖,切出布局,設定好,文字,文字框,按鈕,列表框,資料來源,顯示資料字段等屬性,就可以自動生成對應的layout xml檔案和對應的activity檔案 裡面自動生成了控制項的定義 獲取...

前端開發使用vue腳手架快速構建前端專案

vue 提供了乙個官方的 cli,為單頁面應用 spa 快速搭建繁雜的腳手架。node v 檢測是否安裝成功npm install g vue cli vue version 檢測是否安裝成功 vue init webpack 資料夾名稱runtime compiler recommended fo...