This package is not installable via Composer 1.x, please make sure you upgrade to Composer 2+. Read more about our Composer 1.x deprecation policy.

Yii 2 + Vue.js Basic Project Template

Maintainers

Details

github.com/chabibnr/yua

Source

Issues

Installs: 1

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 768

Open Issues: 0

Type:project

2.0.14 2018-02-18 22:35 UTC

This package is auto-updated.

Last update: 2021-11-16 14:34:24 UTC


README

993323 68747470733a2f2f706e672e69636f6e73382e636f6d2f6d6574726f2f313630302f706c75732d6d6174682e706e67 68747470733a2f2f7675656a732e6f72672f696d616765732f6c6f676f2e706e67

Yii 2 + Vue.js Project Template


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.

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

If you do not have Yarn installed you can install it by following instructions

INSTALLATION

Install via Composer

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

CONFIGURATION

Please, check the Yii 2 Basic Project Template 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

 <template>
     <div>
 
     </div>
 </template>
 
 <script>
     export default {
         data() {
             return {
             }
         },
         mounted: function () {
 
         },
         methods: {
 
         },
         watch: {
 
         }
     }
 </script>

CONTRIBUTING

Contributions are welcome and will be fully credited.