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.

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.

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.

Quick start

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

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

Extensions

AppWorks Pack extension installs these self developed extensions:

Extension	Description	State
Application Manager	Preview the application organization from the perspective of UI organization, and provide AppWorks quick operation entrance
Application Creator	Use interface guidance to create a new Universal Application by template
React Style Helper	Auto completion reminder for writing inline style in JSX
Component Helper	Use Component and Write Props easier
CodeMod	A tool to assist you with large-scale codebase refactors that can be partially automated but still require human oversight and occasional intervention.
Doctor	Security and Quality audit tool, quick to detect various kinds of security flaws in your application and infrastructure code
Time Master	Metrics, insights, and time tracking automatically generated from your programming activity
React Refactor	Easily refactor Component in React/Rax

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.