搜索webcretaire / symfony-vue
使用 Symfony 4 和 Vue 2 的示例应用程序
Requires
- php: >=7.1.3
- ext-ctype: *
- ext-iconv: *
- friendsofsymfony/jsrouting-bundle: ^2.3
- sensio/framework-extra-bundle: ^5.1
- symfony/asset: 4.2.*
- symfony/console: 4.2.*
- symfony/dotenv: 4.2.*
- symfony/expression-language: 4.2.*
- symfony/flex: ^1.1
- symfony/form: 4.2.*
- symfony/framework-bundle: 4.2.*
- symfony/monolog-bundle: ^3.1
- symfony/orm-pack: *
- symfony/process: 4.2.*
- symfony/security-bundle: 4.2.*
- symfony/serializer-pack: *
- symfony/swiftmailer-bundle: ^3.1
- symfony/translation: 4.2.*
- symfony/twig-bundle: 4.2.*
- symfony/validator: 4.2.*
- symfony/web-link: 4.2.*
- symfony/webpack-encore-bundle: ^1.2
- symfony/yaml: 4.2.*
Requires (Dev)
Conflicts
This package is auto-updated.
Last update: 2024-09-29 05:28:20 UTC
README
本项目展示了如何在同一个项目中集成 Symfony 4 和 Vue.JS 2。
为什么存在这个项目？
大多数在线模板/教程都帮助您构建一个具有分离的前端和后端的网站，但很少解释如何将两者托管在同一个项目中，尽管这对于只有一名开发者（或者至少没有分离的前端/后端团队）的小型项目来说是有用的。
依赖项
本项目假定您使用 Virtualbox 和 Vagrant。虽然如果您不想使用，可以删除 Vagrantfile 和 ansible 目录，并通过您想的方式（例如使用 Symfony 的开发服务器）在开发中提供服务。
安装
在您的系统上
根据您的需求在 ansible/vars.yml 中自定义变量。
将您选择的 server_domain 变量添加到您的主机文件中（在 Windows 上位于 C:\Windows\System32\drivers\etc\hosts）。
在您的项目文件夹内运行 vagrant up 以启动虚拟机。
在虚拟机上
前端在 WM 创建时由 Ansible 编译一次，但为了监控对文件的更改，您可以使用 make watch_assets，或者运行 make vue_ui 并通过端口 8001（例如，此示例中的 http://project.dom:8001）使用 vue-ui 管理webpack。
使用方法
安装完成后，当您访问您选择的端口 8000（例如，此示例中的 http://project.dom:8000）的域名时，您应该看到这个页面。
然后您可以在 front/src/ 开发前端，并在 src/ 开发后端。