Creating a Mac OS X development image

1. Download and install the latest version of VMWare Workstation 9 for Windows.

2. Unlock VMWare Workstation so it is able to run a MAC OS X image, follow the steps on http://www.souldevteam.net

2. Download the latest version of Mac OS X from the Apple store.

3. Convert the InstallESD.dmg found on the Mac OS X DVD "SharedSupport\InstallESD.dmg" to an *.iso  by using Magic ISO (http://www.magiciso.com/FAQ/FAQ0011.htm)

4. Create VMWare virtual machine based on the created ISO.

Before boot make sure you’ve checked the "Virtualize Intel VT-x/EPT or AMD-V/RVI" option under Hardware > Processors

5. Download and install the VMWare Tools for Mac OS X from http://www.souldevteam.net in the virtual machine.

6. Enable file sharing with the host.

7. Download an install XCode from the Apple store inside the virtual machine.

 

Creating the virtual machine

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

 

Installing Mac OS X in the VMWare Virtual Machine

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

 

Reboot the machine and install vmware tools (darwin.iso), this will install the correct video driver and will allow you to automatically fit the guest to the correct resolution, depending on the size of the VMWare workstation window.

See image below:

image

 

 

 

Enable file shareing (System Preferences > Sharing)

image

image

 

And this is a dev image so:

image

 

Now you can access files from you MAC OS X virtual machine on the windows host:

image

 

Transferring 1,5 gb xcode from host to client (usb 3.0)

image

Installing XCode

image

image

image

image

image

 

Enable developer modus

image

 

Change to keyboard layout

image

Change caps lock to apple key

image

 

 

PhoneGap

If you want to use PhoneGap, follow the steps on http://docs.phonegap.com/en/2.2.0/guide_getting-started_ios_index.md.html#Getting%20Started%20with%20iOS:

 

First install XCode commandline tools:

image

image

 

~/Documents/Programs:

image

 

Creating PhoneGap project for XCode:

image

 

Enable remote debugging

Add [NSClassFromString(@"WebView") performSelector:@selector(_enableRemoteInspector)]; to the function didFinishLaunchingWithOptions.

image

Run the app in the simulator.

Open Safari on the Mac > Develop > iPad Simulator > Index.html

image

Now you can remotely inspect your HTML, CSS and Javascript on an iOS 6 simulator.

image

 

Last but not least, make a backup of this dev image and store it on a separate external drive.