Skip to content

Commit 42ac674

Browse files
authored
Update README.md
1 parent a641e78 commit 42ac674

File tree

1 file changed

+10
-4
lines changed

1 file changed

+10
-4
lines changed

README.md

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,13 @@
1-
# Vue 3 + Vite
1+
# How to Create and Customize Nodes in the Vue Diagram Component
22

3-
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
3+
A quick start Vue project that shows how to create a node and customize it in the Syncfusion [Vue Diagram]( https://www.syncfusion.com/vue-components/vue-diagram?utm_source=github&utm_medium=listing&utm_campaign=vue-diagram-nodes-sample). This project includes code snippets to create a node programmatically and use the drawing tool.
44

5-
## Recommended IDE Setup
5+
Watch the video: Coming soon…
66

7-
- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
7+
Refer to the following documentation to learn about the Vue Diagram component: https://ej2.syncfusion.com/vue/documentation/diagram/nodes
8+
Check out this online example of the Vue Diagram component: https://ej2.syncfusion.com/vue/demos/#/material3/diagram/node.html
9+
10+
Make sure you have the latest versions of Node.js and Visual Studio Code on your machine before working on this project.
11+
12+
## How to run this application
13+
To run this application, you need to clone the `How-to-Create-and-Customize-Nodes-in-the-Vue-Diagram-Component` repository and then open it in Visual Studio Code. After that, just install all the necessary Vue packages in your project using the `npm install` command and run your project using the `npm run dev` command.

0 commit comments

Comments
 (0)