1.0.0-beta.3 • Published 6 years ago
django-airavata-workspace-latlng-input-editor v1.0.0-beta.3
Creating a custom input editor
- Fork this repository.
- Run 'npm install'.
- Change the name of CustomInputEditor.vue as appropriate. Make sure to also
change the
name
attribute as well to match. - Update App.vue to change the name of CustomInputEditor to match the name
of your component.
Also change the import to import the renamed component from step 3.
Update
components
to list your component. - Modify your custom input editor as appropriate. Feel free to
npm install
additional dependencies that your custom input editor requires. - Run
npm run serve
to preview your custom input editor component.
Publishing custom input editor to NPM repository
- Update package.json
- change the name to represent your custom input editor. For example if your
custom input editor is called
RadioButtonInputEditor.vue
then you might name your custom input editor packagedjango-airavata-workspace-radio-button-input-editor
. Please prefix your custom input editor withdjango-airavata-workspace
.
- change the name to represent your custom input editor. For example if your
custom input editor is called
- Change the name of the component in
scripts
build
- Create an account on npmjs.com and log into your account with
npm adduser
. See npm docs for more information. - Run
npm run build
- Run
npm publish