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.