This is a skeleton Vue.js application integrated with Yii 2 as a backend.
The template contains examples of using Vue.js and Yii2 including ajax request with enabled CSRF.
app/ contains all vue.js templates
assets/ contains assets definition
commands/ contains console commands (controllers)
config/ contains application configurations
controllers/ contains Web controller classes
mail/ contains view files for e-mails
models/ contains model classes
runtime/ contains files generated during runtime
tests/ contains various tests for the basic application
vendor/ contains dependent 3rd-party packages
views/ contains view files for the Web application
web/ contains the entry script and Web resources
The minimum requirement by this project template that your Web server supports PHP 5.4.0. and you have node.js and yarn installed
If you do not have Node.js installed you can install it by following instructions
If you do not have Yarn installed you can install it by following instructions
If you do not have Composer, you may install it by following the instructions at getcomposer.org.
You can then install this project template using the following command:
php composer.phar create-project --prefer-dist --stability=dev developeruz/yii-vue-app basic
Now you should be able to access the application through the following URL, assuming basic is the directory
directly under the Web root.
http://localhost/basic/web/
If you have a problem with babel-loader please run:
npm cache clean -f
rm -rf node_modules/ package-lock.json
npm install
yarn dev
Please, check the Yii 2 Basic Project Template configuration section.
You can run console command to get a basic vue.js template for your components
php yii make/template --path=app/pages/TestComponent.vue
It will create a file TestComponent.vue with the following content
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {
}
},
mounted: function () {
},
methods: {
},
watch: {
}
}
</script>
Contributions are welcome and will be fully credited.