Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/developeruz/yii-vue-app
Yii 2.0 + Vue.js 2.x Application Template
https://github.com/developeruz/yii-vue-app
project-template vue vuejs yii2
Last synced: about 2 months ago
JSON representation
Yii 2.0 + Vue.js 2.x Application Template
- Host: GitHub
- URL: https://github.com/developeruz/yii-vue-app
- Owner: developeruz
- License: bsd-3-clause
- Fork: true (yiisoft/yii2-app-basic)
- Created: 2018-03-22T08:21:41.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-10-15T03:55:26.000Z (about 6 years ago)
- Last Synced: 2024-09-18T09:13:07.388Z (about 2 months ago)
- Topics: project-template, vue, vuejs, yii2
- Language: PHP
- Homepage:
- Size: 479 KB
- Stars: 124
- Watchers: 16
- Forks: 36
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
Yii 2 + Vue.js Project Template
This is a skeleton [Vue.js](https://vuejs.org/) application integrated with [Yii 2](http://www.yiiframework.com/) as a backend.
The template contains examples of using Vue.js and Yii2 including ajax request with enabled CSRF.
DIRECTORY STRUCTURE
-------------------
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
REQUIREMENTS
------------
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](https://nodejs.org/en/download/)
If you do not have **Yarn** installed you can [install it by following instructions](https://yarnpkg.com/lang/en/docs/install/)
INSTALLATION
------------
### Install via Composer
If you do not have [Composer](http://getcomposer.org/), you may install it by following the instructions
at [getcomposer.org](http://getcomposer.org/doc/00-intro.md#installation-nix).
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
~~~
CONFIGURATION
-------------
Please, check the [Yii 2 Basic Project Template](https://github.com/yiisoft/yii2-app-basic#configuration) configuration section.
CREATE VUE.JS TEMPLATE
----------------------
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
```
export default {
data() {
return {
}
},
mounted: function () {
},
methods: {
},
watch: {
}
}
```
CONTRIBUTING
-----------------------
Contributions are **welcome** and will be fully **credited**.