使用 Laravel 快速构建网站系列 —— Laravel 5 Angular Material Starter

1、简介

这是一个Laravel 5.1和AngularJS的原型项目，我们为你配置好了Laravel和AngularJS，上手即可使用。下面是一些你可以从本项目学到的东西：

• Laravel 5.1
• Angular
• Angular Material
• 使用自定义任务快速配置Elixir 3.0：http://laravel-ng-material.elasticbeanstalk.com/#/elixir
• 为Angular提供的artisan生成器：http://laravel-ng-material.elasticbeanstalk.com/#/generators

2、网站

3、GitHub

4、安装

Windows + Vagrant用户在开始前先修复这个问题：issue #61

具体安装步骤如下：

composer create-project jadjoubran/laravel5-angular-material-starter --prefer-dist
cd laravel5-angular-material-starter
#fix database credentials in .env
npm install -g gulp bower
npm install
bower install
gulp && gulp watch
php artisan serve

接下来就可以去浏览器测试了。

5、部署

运行如下命令：

#ssh to your server here
php artisan route:clear
php artisan config:cleargit pull
php artisan migrate
composer install
php artisan route:cache
php artisan config:cache
php artisan optimize

或者在Linux中运行项目根目录下的deploy.sh。

注：一旦修改配置/路由，需要再次清除缓存才能生效。

6、主题

通过编辑angular/config/theme.js修改主题：

(function(){
    "use strict";

    angular.module('app.config').config( function($mdThemingProvider) {
        /* For more info, visit https://material.angularjs.org/#/Theming/01_introduction */
        $mdThemingProvider.theme('default')
        .primaryPalette('indigo')
        .accentPalette('grey')
        .warnPalette('red');
    });

})();

访问 https://material.angularjs.org/#/Theming/01_introduction了解更多。