Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>AvailWorksNew to Visual Studio Code? Get it now.
AvailWorks

AvailWorks

letterletter

|
577 installs
| (0) | Free
Application Development Pack, provide visualization and intelligent technology to build Universal Application faster and better, support Web / H5 / MiniProgram(小程序) Application.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

English | 简体中文

AppWorks

AppWorks is a Application Development Pack, provide visualization and intelligent technology to build Universal Application faster and better, support Web / H5 / MiniProgram Application.

Features

Intelli Code

AppWorks Intelli Code currently provides functions: Code Completion and Code Information.

In the process of code writing, AppWorks Intelli Code can automatically predict the developer's programming intention and continuously recommend "the next code to be written" to the developer. The developer can directly confirm the code to be input by "one click completion", thus greatly improving the efficiency of code writing. For example, when inputting style fields and values, the Code Completion effect provided by AppWorks is as follows.

Code Completion

AppWorks Code Completion is based on semantic and code analysis, completely local execution, ensure code security; millisecond response, smooth coding!

Visual Development

AppWorks provides materials and visual consumption materials to improve the development efficiency of universal applications.

For example, you can use scaffolds to quickly create projects; You can use the material panel to add some quality materials to the project.

Material Panel

If the existing materials can't meet your needs, AppWorks also provides a customized material development way from production to consumption, so as to completely create a business specific material library.

Quality and Efficiency

AppWorks provides two basic functions: Quality Check and Programming Timer.

Based on a large number of project practices, we have produced a quality evaluation model, which can generate quality reports for projects and provide methods to repair related quality problems. Programming Timer measures developer's programming efficiency by automatically tracking developer's programming activities. It can help developers review their programming activities, generate programming efficiency reports and give relevant suggestions.

Doctor

Quick start

Click "AppWorks Icon" on the Activity Bar to open the AppWorks Side Bar:

demo

After the application is created, NPM script execution/page creation/component creation and other operations are performed in AppWorks Side Bar:

demo

Extensions

AppWorks Pack extension installs these self developed extensions:

Extension Description State

AppWorks Pack extension installs these recommend extensions:

  • GitLens: Supercharge the Git capabilities built into Visual Studio Code.
  • Code Spell Checker: Spelling checker for source code.
  • ESLint: Integrates ESLint JavaScript into VS Code.
  • stylelint: Lint CSS/SCSS/Less with stylelint.
  • Prettier: An opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
  • Auto Rename Tag: Auto rename paired HTML/XML tag.
  • JavaScript (ES6) code snippets: Code snippets for JavaScript in ES6 syntax.
  • Simple React Snippets: The essential collection of React Snippets and commands.
  • Code Runner: Run code snippet or code file for multiple languages.
  • Bookmarks: It helps you to navigate in your code, moving between important positions easily and quickly.

Help

Open an issue, We will respond quickly to the submitted issues.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft