Tutorial app which is built in the tutorial
Перейти к файлу
Joas Schilling 8d06d6a4af
Merge pull request #620 from nextcloud/ci/noid/update-workflow-109
ci: Update workflows
2024-09-10 10:38:40 +02:00
.github ci: Update workflows 2024-09-10 10:38:24 +02:00
appinfo fix: Set minimum nextcloud version to 25 as required by `@nextcloud/vue` 2023-01-13 15:27:53 +01:00
css
img
js Compile assets 2023-02-16 04:45:05 +00:00
lib fix(lint): Fix php-cs-fixer issues detected 2023-01-16 20:39:58 +01:00
src fix: Add missing training comma 2023-02-15 23:05:58 +01:00
templates
tests fix(lint): Fix code style issues by using `composer run cs:fix` 2023-01-13 13:25:45 +01:00
.eslintrc.js
.gitattributes
.gitignore chore(deps): Update nextcloud/coding-standard to version 1.0.0 2023-01-13 13:24:13 +01:00
.php-cs-fixer.dist.php chore(deps): Update nextcloud/coding-standard to version 1.0.0 2023-01-13 13:24:13 +01:00
CHANGELOG.md
COPYING
Makefile
README.md fix(docs): Make clear that the app directory has to be named like the app id 2023-01-13 14:37:08 +01:00
babel.config.js
composer.json fix: Update phpunit dependency to allow composer to install non abandoned package versions 2023-01-16 20:39:54 +01:00
composer.lock chore(deps-dev): Bump phpunit/phpunit from 9.5.28 to 9.6.3 2023-02-16 06:47:16 +00:00
package-lock.json chore(deps-dev): Bump braces from 3.0.2 to 3.0.3 2024-06-17 20:30:45 +00:00
package.json chore(deps): Bump @nextcloud/router from 2.0.1 to 2.1.1 2023-04-22 01:56:32 +00:00
stylelint.config.js
webpack.config.js rename webpack.js to webpack.config.js 2022-01-02 16:01:37 +01:00

README.md

Nextcloud App Tutorial

PHPUnit GitHub Action Node GitHub Action Lint GitHub Action

This is the tutorial app which shows how to develop a very simple notes app.

Try it

To install it change into your Nextcloud's apps directory:

cd nextcloud/apps

Then clone this repository into a folder named notestutorial¹:

git clone https://github.com/nextcloud/app-tutorial.git notestutorial

Then install the dependencies using:

make composer

¹ It is important that the directory is named exactly like the app ID (see appinfo/info.xml).

Frontend development

The app tutorial also shows the very basic implementation of an app frontend using Vue.js. To build the frontend code after doing changes to its source in src/ requires to have Node and npm installed.

  • 👩‍💻 Run make dev-setup to install the frontend dependencies
  • 🏗 To build the Javascript whenever you make changes, run make build-js

To continuously run the build when editing source files you can make use of the make watch-js command.