- Notifications
You must be signed in to change notification settings - Fork0
Source code of the tutorial "Building a single-page application with Symfony 4 and Vue.js"
License
onixspot/symfony-vuejs
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Caution: this is still work in progress.
Replace this title and the following description with your project name and description.
An example of a web application built with Vue.js, Symfony 5 and GraphQL.
Install the latest version ofDocker andDocker Compose.
We strongly recommend installingVagrant andVirtualBox.
Indeed, Docker has currently huge performance issues on MacOS and usingVagrant allows us to abstract the MacOS filesystem bringing an almost Linux-like experience regarding performances.
A Linux-like terminal is strongly advised in order to run theMakefile commands.Vagrant might also be an interesting solution regarding performances.
If not possible, you may also directly run the commands specified in theMakefile.For instance, instead of runningmake up, rundocker-compose up -d.
Update yourhosts file with the following entry:
127.0.0.1 *.localhostOn MacOs, runsudo nano /etc/hosts to edit it.
On Windows, edit the fileC:\Windows\System32\drivers\etc\hosts with administrative privileges.
If you're using Vagrant, check there no application runningon port 80 (like Apache or another virtual machine).
If OK, runmake vagrant, thenvagrant up and finallyvagrant sshin order to connect to the virtual machine. From here you'll be able to run all the next commands likethe Linux users!
Update the variable
PROJECT_NAMEfrom theMakefilewith your own project name.Only use alphanumeric characters (no spaces, distinguish words with_or-).
Copy the file.env.dist to a file named.env. For instance:
cp .env.dist .envEdit the
.env.distby updating the default values ofDOMAIN,MYSQL_DATABASEandAPP_SECRETenvironment variables.
Next make sure there is no application running on port 80 (Vagrant users can skip this check).
Good? You may now start all the Docker containers with the following commands:
make upIt may take some time as each container will also setup itself, for instance byinstalling dependencies (PHP, JavaScript etc.), compiling sources (JavaScript)or run migrations for setting up the database structure.
Next time you run this command, the containers should be ready faster as most of thesetting up will already be done.
Once everything is ready, the following endpoints should be available:
- http://companies-and-products.localhost
- http://api.companies-and-products.localhost
- http://phpmyadmin.companies-and-products.localhost
- http://rabbitmq.companies-and-products.loclahost
- http://mailcatcher.companies-and-products.loclahost
Update the domain with the one used in your project.
You should ignore globally some folders like those generated by your IDE and Vagrant.
If not already done, you need to tell Git where to find your global.gitignore file.
For instance, on Linux/MacOS/Windows git bash:
git config --global core.excludesfile '~/.gitignore'Windows cmd:
git config --global core.excludesfile "%USERPROFILE%\.gitignore"Windows PowerShell:
git config --global core.excludesfile "$Env:USERPROFILE\.gitignore"Then create the global.gitignore file according to the location specified previously.
You may now edit it, according to your environment, with:
# IDE.idea.vscode# MacOS.DS_Store# Vagrant.vagrantMake sure you have read the following documentations:
As simple as themake up command, runmake down to stop the entire Docker Compose stack.
If you're a Vagrant user, you may also stop the virtual machine withvagrant halt.
If you're not going to work on the project for while, you may also destroythe virtual machine usingvagrant destroy.
About
Source code of the tutorial "Building a single-page application with Symfony 4 and Vue.js"
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
Packages0
Languages
- PHP62.7%
- JavaScript18.9%
- Vue16.0%
- HTML2.4%