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 项目名称,网速有接触款而稍微等

  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. 走访出现

翻开日志

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

  1. 默认laravel都自带集成vuejs

搭下去把此Example显示在页面Bootstrap及

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

行gulp自动构建编译代码

起步服务看首页即可看到example组件

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

当首页也引入semantic.css

顾后的功效使图

到这个一个大概的Laravel+VueJS+Semantic-UI的并开发环境搭建成功了,有趣味的情人可以试


wxgzh:ludong86

相关文章