5.) WinNFSd
Note: I wont Discuss Here How You Could Set up NPM , Gulp, Homestead , Laravel Installer/Composer, or NFS for Windows
laravel new midas.code
vendor\\bin\\homestead make
NOTE: If you are not using NFS remove type: nfs and mount options [nolock,vers=3,udp,noatime]
---
ip: "192.168.32.32"
memory: 2048
cpus: 1
hostname: codegenius
name: codemidas
provider: virtualbox
authorize: ~/.ssh/id_rsa.pub
keys:
- ~/.ssh/id_rsa
folders:
- map: "C:/Users/Uriah/Codes/midas.code"
to: "/home/vagrant/midas"
type: nfs
mount_options: [nolock,vers=3,udp,noatime]
sites:
- map: midas.code
to: "/home/vagrant/midas/public"
databases:
- midas
# blackfire:
# - id: foo
# token: bar
# client-id: foo
# client-token: bar
# ports:
# - send: 50000
# to: 5000
# - send: 7777
# to: 777
# protocol: udp
Note: This Ip Address Must be the same as Inside Your Homestead.yaml File
192.168.32.32 midas.code
Step : 4 - Run Vagrant and Visit your site at midas.code
vagrant up
Step: 5 - Edit Your Packages.Json with the One Included in this Tutorial
npm install
Note: This is Usefull to Tell Use What Ip we Can Access Our Site in Our Local Area Network
npm install -g dev-ip
Step : 8 Update Your Gulpfile.js with the One Included in This Tutorial.
Step : 9 Create app.scss in resources/asses/sass and Paste the Content of this file app.scss
Step : 10 Create app.js in resouces/assets/js and Paste the Content of this file app.js
Step : 11 Update Your welcome.blade.php in resource/views/welcome.blade.php with this content welcome.blade.php
gulp watch
[12:41:18] Using gulpfile ~\Codes\midas.code\gulpfile.js
[12:41:18] Starting 'watch'...
[12:41:18] Starting 'all'...
[12:41:18] Starting 'sass'...
[12:41:18] Finished 'sass' after 438 ms
[12:41:18] Starting 'webpack'...
[12:41:19] Finished 'webpack' after 350 ms
[12:41:19] Starting 'browserSync'...
[12:41:19] Finished 'browserSync' after 138 μs
[12:41:19] Finished 'all' after 798 ms
[12:41:19] Starting 'default'...
┌───────────────────┬───────────────────────────────┬────────────────────────────────┬────────────────────┐
│ Task │ Summary │ Source Files │ Destination │
├───────────────────┼───────────────────────────────┼────────────────────────────────┼────────────────────┤
│ mix.sass() │ 1. Compiling Sass │ resources\assets\sass\app.scss │ public\css\app.css │
│ │ 2. Autoprefixing CSS │ │ │
│ │ 3. Concatenating Files │ │ │
│ │ 4. Writing Source Maps │ │ │
│ │ 5. Saving to Destination │ │ │
├───────────────────┼───────────────────────────────┼────────────────────────────────┼────────────────────┤
│ mix.webpack() │ 1. Transforming ES2015 to ES5 │ resources\assets\js\app.js │ public\js\app.js │
│ │ 2. Writing Source Maps │ │ │
│ │ 3. Saving to Destination │ │ │
├───────────────────┼───────────────────────────────┼────────────────────────────────┼────────────────────┤
│ mix.browserSync() │ 1. Starting Browsersync │
└───────────────────┴───────────────────────────────┴────────────────────────────────┴────────────────────┘
[12:41:19] Finished 'default' after 24 ms
[12:41:19] Finished 'watch' after 843 ms
[Midas Up Up and Away!] Proxying: http://midas.code
[Midas Up Up and Away!] Access URLs:
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Local: http://localhost:3000
External: http://List [ "192.168.56.1", "192.168.10.1", "192.168.20.1", "192.168.30.1", "192.168.40.1", "192.168.50.1", "192.168.17.1", "192.168.69.1", "192.168.32.1", "192.168.11.1", "192.168.15.1", "192.168.16.1", "192.168.23.1", "192.168.12.1", "192.168.1.106" ]:3000
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
[Midas Up Up and Away!] Watching files...
[12:41:22]
[12:41:22] webpack is watching for changes
http://localhost:3000 - This will Be Open By Default on Your desktop
Choose Among all the External URL Listed Above
For Example:
http://192.168.1.106:3000 - Open In Other Device such as Mobile, Tablet Connected in your Local Area Network