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 pen 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 bower --force-latest
-
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 --port=8080
stept 2 open a new terminal and type this command gulp watch
step 3 now open a browser and type this http://localhost:8080/
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.