中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

TODO:搭建Laravel VueJS SemanticUI

發布時間:2020-08-06 12:22:57 來源:網絡 閱讀:436 作者:OneTODO 欄目:開發技術

TODO:搭建Laravel VueJS SemanticUI

TODO:搭建Laravel VueJS SemanticUI

Laravel是一套簡潔、優雅的PHP開發框架(PHP Web Framework)。可以讓你從面條一樣雜亂的代碼中解脫出來;它可以幫你構建一個完美的網絡APP,而且每行代碼都可以簡潔、富于表達力。

VueJS是一款漸進式JavaScript框架,有著易用,靈活,高效的有點。簡單小巧的核心,漸進式技術棧,足以應付任何規模的應用。

SematicUI 是完全語義化的前端界面開發框架,跟 Bootstrap 和 Foundation 比起來,還是有些不同的,在功能特性上、布局設計上、用戶體驗上均存在很多差異。易于學習和使用,對于社區貢獻來說是比較開放的。有一個非常好的按鈕實現,情態動詞,和進度條。在許多功能上使用圖標字體。

1. 創建Laravel項目

composer create-project laravel/laravel 項目名稱,網速有點慢要小等

TODO:搭建Laravel VueJS SemanticUI

2. 運行npm install安裝nodejs對應的包

3. 配置bower,bower是啥?Bower是一個客戶端技術的軟件包管理器,它可用于搜索、安裝和卸載如JavaScript、HTML、CSS之類的網絡資源。在這里主要用于管理html5shiv,semantic。需要添加兩個配置bower.json管理要用的js包,還有一個配置文件.bowerrc用于管理生成的文件夾路徑。安裝方法很簡單npm直接可以安裝(npm install bower);項目安裝bower配置的網絡資源,則運行bower install。

4. 依賴與nodejs的環境,安裝這些工具都很便捷。Laravel自動gulp構建工具的配置文件,執行安裝好gulp,即可使用gulp進行構建項目,非常方便。

5. 訪問出現

TODO:搭建Laravel VueJS SemanticUI

查看日志

TODO:搭建Laravel VueJS SemanticUI

拷貝.env文件重新執行php artisan key:generate生成APP_KEY

6. 默認laravel已經自帶集成vuejs

TODO:搭建Laravel VueJS SemanticUI

接下來把這個Example顯示在頁面上

在welcome.blade.php加入以下代碼

TODO:搭建Laravel VueJS SemanticUI

TODO:搭建Laravel VueJS SemanticUI

執行gulp自動構建編譯代碼

TODO:搭建Laravel VueJS SemanticUI

啟動服務訪問首頁即可看到example組件

TODO:搭建Laravel VueJS SemanticUI

7. 引入semantic-ui,在Example.vue加入semantic對應的class

TODO:搭建Laravel VueJS SemanticUI

在首頁也引入semantic.css

訪問后的效果如圖

TODO:搭建Laravel VueJS SemanticUI

到此一個簡單的Laravel+VueJS+Semantic-UI的集成開發環境搭建成功了,有興趣的朋友可以試試


wxgzh:ludong86

TODO:搭建Laravel VueJS SemanticUI


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

曲周县| 舟山市| 祥云县| 德令哈市| 姚安县| 伊川县| 辉县市| 交城县| 读书| 江都市| 谢通门县| 淮南市| 青川县| 岳阳县| 嘉峪关市| 广东省| 弥勒县| 沁阳市| 米易县| 旬阳县| 达拉特旗| 开化县| 静安区| 贵溪市| 弋阳县| 多伦县| 镇坪县| 徐闻县| 同江市| 黄陵县| 来宾市| 万载县| 塘沽区| 新乡县| 和平区| 德保县| 龙江县| 孟州市| 类乌齐县| 化州市| 白银市|