khanh.pndc/nextcloud-docs
1
0
Fork 0
mirror of https://github.com/nextcloud/documentation.git synced 2026-01-03 02:09:45 +07:00
Code Issues Packages Projects Releases Wiki Activity

Add links to vue tutorial and source files

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2019-08-27 07:53:36 +02:00
parent 6a2203c4b4
commit 3004bfd32a
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
developer_manual/app/tutorial.rst
View File

@@ -1061,7 +1061,7 @@ Since the **NoteApiController** is basically identical to the **NoteController**
Building the frontend
---------------------
To create a modern webapp you need to write :doc:`JavaScript<view/js>`. You can use any JavaScript framework, but this tutorial focusses on a simple frontend using Vue.js.
To create a modern webapp you need to write :doc:`JavaScript<view/js>`. You can use any JavaScript framework, but this tutorial focusses on a simple frontend using Vue.js. For a more detail introduction to Vue.js please head over to the `official documentation <https://vuejs.org/v2/guide/>`_.
The source files of our frontend will be stored in the **src/** directory. We use webpack for bundling the files and output of that will be stored in **js/notestutorial.js**.
@@ -1074,14 +1074,12 @@ The template of our view will be very simple due to the fact that Vue.js is taki
<div id="content"></div>
* package.json Listing the dependencies of our frontend app
* webpack.common.js Webpack configuration for building the javascript code
* `package.json <https://github.com/nextcloud/app-tutorial/blob/master/package.json>`_ Listing the dependencies of our frontend app
* `webpack.common.js <https://github.com/nextcloud/app-tutorial/blob/master/webpack.common.js>`_ Webpack configuration for building the javascript code
The frontend source code will consist of two files:
* **src/main.js** which is the main entry point of our javascript code that gets loaded when the page is opened
* **src/App.vue** which is our one single file component that takes care of all logic inside of the Vue app.
Our example app contains some additional comments to explain how the frontend is build: https://github.com/nextcloud/app-tutorial/blob/master/src/App.vue
* `main.js <https://github.com/nextcloud/app-tutorial/blob/master/src/main.js>`_ which is the main entry point of our javascript code that gets loaded when the page is opened
* `App.vue <https://github.com/nextcloud/app-tutorial/blob/master/src/App.vue>`_ which is our one single file component that takes care of all logic inside of the Vue app. Our example app contains some additional comments to explain how the frontend is build.
Congratulations! You've written your first Nextcloud app. You can now either try to further improve the tutorial notes app or start writing your own app.