{"_id":"57ffd85f755a2e1700c2bb2b","__v":2,"hidden":false,"title":"Install","type":"basic","api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"createdAt":"2015-12-15T21:15:48.666Z","isReference":false,"link_external":false,"order":0,"parentDoc":null,"excerpt":"Installation steps for Laravel Angular Material Starter","githubsync":"","project":"567083021dabd80d00b122ae","user":"567082433a32d20d00c45cab","body":"[block:api-header]\n{\n  \"title\": \"2017 Update\"\n}\n[/block]\nWhile this starter used to be an excellent starting point for Laravel 5 & Angular 1.x, using Angular 1.x results in large JavaScript bundles which makes mobile experience slow.\nThus it's recommended to upgrade to Angular (2+).\n\n**Checkout the new Laravel & Angular package at [laravel-angular.io](https://laravel-angular.io/)**\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Which version should you use: 3.4 or 3.2?\"\n}\n[/block]\nIf you're looking to build a [Progressive Web App](https://developers.google.com/web/progressive-web-apps/), version 3.4.x is recommended.\nHowever, if you're not planning to build a Progressive Web App, then it's recommended that you stick to [version 3.2.x](http://laravel-angular.readme.io/v3.2/docs/).\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Scroll down for beginner friendly installation\"\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"composer create-project jadjoubran/laravel5-angular-material-starter --prefer-dist\\ncd laravel5-angular-material-starter\\nnpm install -g gulp bower\\nnpm install\\nbower install\\n#fix database credentials in .env\\nphp artisan migrate\\ngulp\",\n      \"language\": \"text\",\n      \"name\": \"Command Line\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"`gulp && gulp watch`\",\n  \"title\": \"Watching assets\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"`php artisan serve` and browse to [localhost:8000](http://localhost:8000)\",\n  \"title\": \"View website\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Beginner friendly installation\"\n}\n[/block]\n## Requirements\n\nMake sure you have **node** >= 4 and **npm** >= 3 by running `node -v` and `npm -v`.\n\nCheck if **gulp** is installed globally on your system by running `gulp -v`. If it's not installed, run `npm install -g gulp`.\nCheck if **bower** is installed globally on your system by running `bower -v`. If it's not installed, run `npm install -g bower`.\n\n## Setup\nCreate the project using composer create-project command\n`composer create-project jadjoubran/laravel5-angular-material-starter --prefer-dist`\n\nthen `cd` into the newly created directory\n```\ncd laravel5-angular-material-starter\n```\n\nand install local **node dependencies** and **bower packages**\n`npm install`\n`bower install`\n\nedit your `.env` file and fix your database credentials\nand then run the migrations\n`php artisan migrate`\n\nand **compile** the assets and **watch** for changes\n`gulp && gulp watch`\n\nnow you need to open a new terminal tab/window and cd into the same directory in order to **serve** the application\n`php artisan serve`\n\nYour starter project is now ready on [localhost:8000](http://localhost:8000)\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Vagrant on Windows?\",\n  \"body\": \"There are known issues if you're planning to use Vagrant on Windows, mainly with `npm`. These [issues](https://github.com/jadjoubran/laravel5-angular-material-starter/issues?utf8=%E2%9C%93&q=is%3Aissue+label%3Aenvironment%3Avagrant+) might help\"\n}\n[/block]","category":"57ffd85f755a2e1700c2bb06","link_url":"","slug":"install","sync_unique":"","updates":["56b0233d5b1f01170014dca5","593ae0939c56ba000f30138d","598b53fa11d040000f580619"],"version":"57ffd85f755a2e1700c2bb05","next":{"pages":[],"description":""},"metadata":{"title":"","description":"","image":[]},"childrenPages":[]}