Angular 2 setup with Laravel 5

Step1: You need pre installed composer, nodejs and typescript to your system

Step2:

clone the repository files from here to your local server, you can download and unzip it too to a local project folder [if you change the project folder name angular2-laravel5 to a different project then open the package.json file "name": "angular2-laravel5", replace this to "name": "yourProjectFolder", ]

Step3: then open your terminal

got to your project folder

for me its cd /Appliations/AMPPS/www/angular2-laravel5 then run below commands into your terminal/command prompt

• composer update

• npm install

step4: Open file node_modules\elixir-typescript\index.js and comment out this line ".pipe($.concat(paths.output.name))" . So the generated files won't be combine in to one single files. The two js files will be generated to "public/js" as your configuration.

Step 5 now in the terminal run these commands

• gulp

Step 6

Step 1 By using terminal/command prompt go to the project folder for me its cd /Appliations/AMPPS/www/angular2-laravel5

now type this command php artisan serve --host=0

stept 2 open a new terminal and type this command gulp watch

step 4 System will automatically open a tab in your default browser and open this link http://localhost:3000/ You dont even need to type the url to the browser.

you will write your angular code to the resources/assets/typescript folder whenever you will write a new code the elixir type script will automatically compile it via gulp watch and you have to refresh yuour browser to see the changes.