TODO:搭建Laravel VueJS SemanticUI

json 1

Laravel是一模一样模仿简洁、优雅的PHP开发框架(PHP Web
Framework)。可以吃您于面条一样纷纷扬扬的代码中摆脱出来;它可以助您构建一个圆满的网络APP,而且每行代码都可简单、富于表达力。

VueJS是同一缓慢渐进式JavaScript框架,有着易用,灵活,高效的略微。简单小巧的中心,渐进式技术栈,足以应付任何规模的行使。

SematicUI 是完全语义化的前端界面开发框架,跟 Bootstrap 和 Foundation
比起来,还是有点不同之,在效益特色上、布局规划达到、用户体验及全在许多异样。易于学习及以,对于社区贡献来说是于开放之。有一个不行好的按钮实现,情态动词,和速久。在众作用上运图标字体。

  1. 创建Laravel项目

composer create-project laravel/laravel 项目名称,网速有接触款而多少等

json 2

  1. 运转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进行构建项目,非常方便。

  1. 看出现

json 3

翻看日志

json 4

拷贝.env文件再次履行php artisan key:generate生成APP_KEY

  1. 默认laravel已自带集成vuejs

json 5

连接下去把这Example显示在页面及

于welcome.blade.php加入以下代码

json 6

json 7

尽gulp自动构建编译代码

json 8

启航服务走访首页即可看出example组件

json 9

  1. 引入semantic-ui,在Example.vue加入semantic对应的class

json 10

于首页也引入semantic.css

顾后底力量使图

json 11

顶之一个简单易行的Laravel+VueJS+Semantic-UI的集成开发环境搭建成功了,有趣味的情人可以试试


wxgzh:ludong86

json 12

相关文章

网站地图xml地图