Vc Editor Live Server For Mac

 



Live for Mac stands out as an excellent audio production and recording software that packs all the essential features you'd expect from an application of its kind and comes with a multitude of. Live Edit in HTML, CSS, and JavaScript. With the Live Edit functionality, the changes you make to your HTML, CSS, or JavaScript code are immediately shown in the browser without reloading the page. Live Edit is available only during a debugging session, see Debug JavaScript in Chrome for details. If you had installed globally your live-server while using npm package, you can easily start your live-server on the browser of your choice by passing browser option on your launching command: On your terminal type:live-server -browser=BROWSERNAME Eg: live-server -browser=firefox, live-server.

XAMPP is a free distribution package that makes it easy to install Apache Web Server, PHP, PEAR, and MySQL. Before installing XAMPP, you should turn off any other web servers and instances of MySQL you have running on your Mac.

XAMPP is a free distribution package that makes it easy to install Apache Web Server, PHP, PEAR, and MySQL. Before installing XAMPP, you should turn off any other web servers and instances of MySQL you have running on your Mac.

Installing XAMPP on a Mac

  1. Download XAMPP for Mac OSX - Be sure to select the proper version of PHP. For Webucator classes, any version after 5 will be fine.
  2. Open the downloaded file (the DMG-Image).
  3. Drag and drop the XAMPP folder into your Applications folder.

Starting XAMPP on OSX

To start XAMPP simply open XAMPP Control (by going to /Applications/XAMPP/manager-osx.app in Finder) and start Apache and MySQL on the Manage Servers tab.

If MySQL Does Not Start

If your MySQL server isn't starting, you may need to set the permissions for it using Terminal with this command:

Testing your OSX XAMPP Installation

In your web browser, go to http://localhost. You should see the start page of XAMPP:

Class File Permissions

  1. Cmd+click on the ApplicationsXAMPPxamppfileshtdocs folder and select 'Get Info'.
  2. If the lock symbol at the bottom indicates that this information is locked, click the lock icon to unlock, and enter your user credentials.
  3. Once the settings are unlocked, choose 'everyone' under 'Sharing & Permissions' and change the option to 'Read & Write'.

Class Files

  1. Download the class files.
  2. After downloading the class files, navigate to ApplicationsXAMPPxamppfileshtdocs and create a new folder named Webucator and extract your class files in that folder.

Setting the MySQL Password on Macs

  1. The PHP files use 'pwdpwd' for the MySQL root password, while the default password is NO password.
  2. Change the password to pwdpwd by opening Terminal (Applications > Utilities > Terminal) and enter:

You will be asked to enter your Mac password; enter it and press enter. Then you will be asked if you want to set a password for your XAMPP pages, then for MySQL, and then for MySQL/phpMyAdmin user...to all of these just type 'n' for no and press enter.

Then it will say:

  1. Enter 'y' for 'yes, let me set a password for the root user' and press Enter
  2. Enter the password pwdpwd. You will be asked to enter it again for confirmation.
  3. Quit Terminal (Cmd+Q) and restart Apache and MySQL using the XAMPP Control Panel.

Testing phpMyAdmin

  1. Go to http://localhost
  2. Click on phpMyAdmin under Tools
  3. Enter 'root' for username
  4. Enter 'pwdpwd' for password

You should be able to get in.

Installing Northwind Database using XAMPP

NOTE: you should download the class files below before following these instructions, as it contains the Northwinds Database file(s).

  1. To install the Northwind database used in class, click on the 'phpMyAdmin' link on the left navigation bar of the XAMPP home page. That should take you to http://localhost/phpmyadmin.
  2. If it asks you to login, the username is root and the password is blank (unless you have already changed it to something else, like pwdpwd).
  3. On that page, click on the Import link under the Localhost heading.
  4. Browse to the Northwind-MySQL.sql file in your class files.
  5. Click the Go button on the bottom right of the page.
  6. You should get a Success message and Northwind should be added to the Database dropdown menu on the upper left of the page.

Recommended Editor

  • Visual Studio Code ( Download, Install, and Set up)
    • While you may use a different editor or IDE, Visual Studio Code is an excellent IDE to learn to code on. It provides a nice balance of power and simplicity and it is available on Windows and Mac.

Designate your testing server in Dreamweaver

NOTE: The following only applies if you are using Dreamweaver. If you are not, please ignore this section.

  1. Go to Site > New Site.
  2. In the Site Setup dialog, fill in the Site Name (e.g., PHP) and browse to the Local Site Folder (e.g., ApplicationsXAMPPxamppfileshtdocs).
  3. Choose the Servers tab.
  4. At the bottom of the box on the right, click +.
  5. On the Basic tab, provide a Server Name, set Connect using to Local/Network, ensure the Server Folder matches the local site folder you specified in step 2, and set the Web URL to http://localhost/Webucator/ClassFiles/.
  6. Click the Advanced button.
  7. In the Server Model field, select PHP MySQL.
  8. Click Save. The server should appear in the table on the Servers tab.
  9. Make sure that both the Remote and Testing checkboxes are checked.
  10. Click Save.

Testing PHP Files

All your class files should be located in ApplicationsXAMPPxamppfileshtdocsWebucatorClassFiles

2 Methods for Testing Files in Browser

Live

To test any of the class files in your browser, say ApplicationsXAMPPxamppfileshtdocsWebucatorClassFilesPHPBasicsDemosHelloWorld.php, you can use 1 of 2 methods:

Method 1:

  • Go to http://localhost/Webucator/ClassFiles/PHPBasics/Demos/HelloWorld.php in your web browser.
  • Follow the same pattern to view all other class files; basically the ApplicationsXAMPPxamppfileshtdocs gets changed to http://localhost/

Method 2:

  • Go to http://localhost/Webucator/ClassFiles/ in your web browser.
  • Bookmark that page in your browser for easy access to it from now on.
  • From there, you can see all the lesson folders and drill down to any class file for testing/viewing

And that's it

Happy Mac XAMPPing!

Mac OS is the secondmost popular operating system after Microsoft Windows. Although you arecomfortable using Windows for a very long time but there are many scenarioswhere you need a Mac OS machine.

Whether you want to develop your iOS app on Xcode, using apps like Final Cut Pro or iMovie which only comes on Mac OS, you need to buy an expensive Apple Macbook. So, without making a hole in your pocket, the alternate solution to this installing Mac OS on your Windows computer. Let’s get started with this tutorial

Watch Video Tutorial


Step One: Download Mac OS ISO Image file

Settings | Live Server | VSCode Extension

As you are on a Windows PC, you don’t have access to Apple Store to download Mac OS. You need to download Mac OS from an external trusted source. You can download the latest Mac OS Catalina 10.15 or Mac OS Mojave 10.14 Installer files from our website.


Step Two: Download Virtual Machine for Windows

There is various free Virtual Machine software available for Windows such as Oracle’s VirtualBox. But I recommend using VMware Workstation Pro, although it’s a paid software but you can use it free for 30 days trial. You can download Vmware Workstation Pro 15 from this link.


Step Three: Install VMware Patch to run Mac OS X

  1. Go to the VMware macOS Unlocker page to download. Click the Clone or download button, then click Download ZIP.
  2. Power off all virtual machines running and exit VMware.
  3. Extract the downloaded .zip file in step 1.
  4. On Windows, right-click on the win-install.cmd file and select Run as Administrator to unlock. Also, run win-update-tools.cmd for VMware tools for macOS.
  5. After the unlock process is complete, run VMware to create the macOS virtual machine.

2021 Top 10 Free Video Editing Software For Mac (Begginers ...


Step Four: Create an Apple Mac OS Virtual Machine

  1. Click File, select New Virtual Machine…
  2. Select Typical (recommended) and click Next.
  3. Select I will install the operating system later. and click Next.
  4. Select Apple Mac OS X in the Guest operating system section and select macOS 10.14 in the Version section. Click Next.
  5. In the Name, the Virtual Machine window, name the virtual machine and virtual machine directory. I personally would put it on a different drive than the system drive.
  6. Select the size for the new virtual disk in the Specify Disk Capacity window. This is the virtual disk to be installed macOS. Click Next and then Finish.

Step Five: Run you Mac OS Virtual Machine with VMDK or ISO file

After successfully creating an Apple Mac OS Virtual Machine, you need to run the machine with an actual Mac OS file such as Mac OS Mojave 10.14 ISO file or Mac OS Mojave 10.14 VMDK Image


Watch this Video Tutorial


If you face any driver issues, Try installing VMware tools from the VM tab in the VMware window. Also, I would recommend assigning a minimum of 4GB RAM and 40GB of Hard Disk to your Virtual Machine.

Vc Editor Live Server For Mac

That’s it for the tutorial If you face any issues or had any query then please let us know in the comment section below. You can also send us an email via the contact us page for personalized support.