# auto-complete

Published articles for auto-complete.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Doctave Studio 2.0 Beta: The editor for technical writing and docs-as-code

DevFeed: [Doctave Studio 2.0 Beta: The editor for technical writing and docs-as-code](<https://devfeed.tech/articles/doctave-studio-2-0-beta-the-editor-for-technical-writing-and-docs-as-code-30944.md>)

Original publisher: [Read original article](<https://www.doctave.com/blog/doctave-studio-2-beta>)

Author: Doctave Team

Published: 2024-10-08T05:00:00Z

Content type: release

Language: en

Sources: [Doctave - Build beautiful developer portals with docs-as-code](<https://devfeed.tech/sources/doctave-build-beautiful-developer-portals-with-docs-as-code.md>)

Topics: [Documentation](<https://devfeed.tech/topics/documentation.md>), [Tooling](<https://devfeed.tech/topics/tooling.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [OpenAPI Specification](<https://devfeed.tech/topics/openapi.md>), [CI/CD](<https://devfeed.tech/topics/cicd.md>)

Tags: [announce](<https://devfeed.tech/tags/announce.md>), [assets](<https://devfeed.tech/tags/assets.md>), [auto-complete](<https://devfeed.tech/tags/auto-complete.md>), [beta](<https://devfeed.tech/tags/beta.md>), [blog](<https://devfeed.tech/tags/blog.md>), [ci-cd](<https://devfeed.tech/tags/ci-cd.md>), [components](<https://devfeed.tech/tags/components.md>), [docs](<https://devfeed.tech/tags/docs.md>), [docs-as-code](<https://devfeed.tech/tags/docs-as-code.md>), [editor](<https://devfeed.tech/tags/editor.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [technical-writing](<https://devfeed.tech/tags/technical-writing.md>)

### AI overview

Doctave announces the public beta of Doctave Studio 2.0, an editor for technical writing and docs-as-code. The beta includes a modern editor, real-time Markdown and OpenAPI previews, auto-complete for links and assets, and inline Markdown error reporting.

### Source excerpt

We're excited to announce that Doctave Studio 2.0 is now available in public beta! Doctave Studio is a new editor for technical writing and docs-as-code, and we're excited to share it with you. Want to see it in action? Here's a quick introductory video of Doctave Studio 2.0: If you just want to see how to participate in the beta, you can jump straight to the end of this post Why build a new editor? One of the biggest issues with docs-as-code is inconsistent tooling. While there are great tools out there (like Vale), it's really hard to create a great authoring environment for docs-as-code. Getting spell check, broken links checking, auto-complete, and more configured is often too complex or time consuming, that lots of authors live without these tools. This problem is compounded when you have multiple authors collaborating on the same documentation. One will have a spell checker configured, one will have auto-complete configured, another doesn't have a broken links checker. The lack of a common authoring system causes friction, confusion, and ultimately raises the barrier for contributions. And after all that, you still need to set up these same checks in your CI/CD pipeline! This is what we set out to solve with Doctave Studio 2.0. We've already made it easy to host, version, and review docs-as-code projects with our existing product. Now we're taking the next logical step and improving the docs-as-code authoring experience. What's in the Doctave Studio 2.0 beta? Today we're launching Doctave Studio 2.0 into beta with a few key features: A new, modern editor with a focus on the authoring experience Real-time previews of your content as you type (Markdown and OpenAPI!) Powerful auto-complete for your links, assets, and components Great error-reporting inline in your Markdown Let's see some of these in action! Real-time previews The right-side panel in Doctave Studio is dedicated to a real-time preview window. It shows you what your content will look like once publi

## Auto-Complete Craft CMS 3 APIs in Twig with PhpStorm

DevFeed: [Auto-Complete Craft CMS 3 APIs in Twig with PhpStorm](<https://devfeed.tech/articles/auto-complete-craft-cms-3-apis-in-twig-with-phpstorm-31243.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/auto-complete-craft-cms-3-apis-in-twig-with-phpstorm>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2019-03-17T22:55:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [phpstorm](<https://devfeed.tech/topics/phpstorm.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [PHP](<https://devfeed.tech/topics/php.md>)

Tags: [apis](<https://devfeed.tech/tags/apis.md>), [auto-complete](<https://devfeed.tech/tags/auto-complete.md>), [auto-completion](<https://devfeed.tech/tags/auto-completion.md>), [cms](<https://devfeed.tech/tags/cms.md>), [combined](<https://devfeed.tech/tags/combined.md>), [craft](<https://devfeed.tech/tags/craft.md>), [deprecated](<https://devfeed.tech/tags/deprecated.md>), [insights](<https://devfeed.tech/tags/insights.md>), [little](<https://devfeed.tech/tags/little.md>), [magic](<https://devfeed.tech/tags/magic.md>), [phpstorm](<https://devfeed.tech/tags/phpstorm.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [symfony](<https://devfeed.tech/tags/symfony.md>), [templates](<https://devfeed.tech/tags/templates.md>), [twig](<https://devfeed.tech/tags/twig.md>)

### AI overview

A deprecated tutorial explains how to configure PhpStorm's Symfony plugin and a faux Twig extension to enable Craft CMS API autocomplete in Twig templates. It recommends using the Craft Autocomplete package instead.

### Source excerpt

The Symfony plugin combined with a little magic will give you full auto-complete of all Craft CMS APIs in your Twig templates with PhpStorm!

## Using VueJS + GraphQL to make Practical Magic

DevFeed: [Using VueJS + GraphQL to make Practical Magic](<https://devfeed.tech/articles/using-vuejs-graphql-to-make-practical-magic-31320.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/using-vuejs-graphql-to-make-practical-magic>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2018-08-27T22:29:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [vuejs](<https://devfeed.tech/topics/vuejs.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [axios](<https://devfeed.tech/topics/axios.md>), [Bootstrap](<https://devfeed.tech/topics/bootstrap.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>)

Tags: [auto-complete](<https://devfeed.tech/tags/auto-complete.md>), [axios](<https://devfeed.tech/tags/axios.md>), [bootstrap](<https://devfeed.tech/tags/bootstrap.md>), [craft](<https://devfeed.tech/tags/craft.md>), [everyday](<https://devfeed.tech/tags/everyday.md>), [form](<https://devfeed.tech/tags/form.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [headless](<https://devfeed.tech/tags/headless.md>), [insights](<https://devfeed.tech/tags/insights.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [like](<https://devfeed.tech/tags/like.md>), [magic](<https://devfeed.tech/tags/magic.md>), [practical](<https://devfeed.tech/tags/practical.md>), [problems](<https://devfeed.tech/tags/problems.md>), [saving](<https://devfeed.tech/tags/saving.md>), [searching](<https://devfeed.tech/tags/searching.md>), [solve](<https://devfeed.tech/tags/solve.md>), [submission](<https://devfeed.tech/tags/submission.md>), [using](<https://devfeed.tech/tags/using.md>), [vuejs](<https://devfeed.tech/tags/vuejs.md>)

### AI overview

A practical tutorial showing how to use VueJS and GraphQL with a headless Craft CMS backend to implement auto-complete search and save contact-form submissions. It introduces the frontend and backend tooling used in the examples, including Axios, Bootstrap 4, Craft CMS, and CraftQL.

### Source excerpt

Make some practical magic with VueJS + GraphQL to solve everyday problems like auto-complete searching and form submission saving with a headless Craft CMS server