Setting up a PHP environment using Atom ( for HTML+CSS+JS+PHP development)

Question

I'm seeking your support and expertise today. I've started a project using html, css, and js and I'd need to add php to the file to enter & store data; I'm fresh to PHP programming- and before I begin to program my php file, I know I have to set up my environment for building php with Atom and storing my data to Workbench.

My question, how do I setup ATOM for PHP development using MySQL Workbench on my Mac to connect to a local host viewed index.html file, and allow the user to fill out my form (my program is a simple invoice for quotes) on a html file and send the info back to workbench?

How do I set up Atom, and what code do I use to connect my index.html file to the sql-workbench, or what do I have to do? What packages should I download, what steps do I take? any recommendations?

I tried researching on how to set up the environment but still lost as to what to do. (Also, I'm open to other platforms that work as well with ATOM- so keep that in mind in your response.)

Answer 1

First, rename your index.html to index.php. With that you can insert php code within the file. Here's some useful Atom packages to ease you for coding:

• https://atom.io/packages/atom-autocomplete-php (useful to autocommplete php codes)
• https://atom.io/packages/autocomplete-html (useful to
  autocommplete php codes)
• https://atom.io/packages/atom-ternjs (autocomple for javascript code)
• https://atom.io/packages/atom-html-preview (works only for.html page not php)
• https://atom.io/packages/project-manager (manage
  multiple projects of web development for example)

you need a webserver installed in your machine like MAMP or WAMP to run your php/mysql websites.