English | 简体中文
AppWorks is a Application Development Pack, provide visualization and intelligent technology to build Universal Application faster and better, support Web / H5 / MiniProgram Application.
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!
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.
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.
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:
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.
Open an issue, We will respond quickly to the submitted issues.