{"id":20455,"library":"prettier-plugin-ux","title":"Prettier Quickapp Plugin","description":"Prettier plugin for formatting QuickApp (.ux) files, version 0.3.0. It integrates with Prettier to provide a universal interface for code formatting, supporting JS, CSS, Less, Sass, and Markdown within QuickApp projects. The plugin is specifically designed for the QuickApp platform (快应用), offering a common style guide for teams and helping identify potential code issues. It requires Prettier as a peer dependency and is compatible with Node.js >= 8.0.0. The plugin is maintained by nicejade and has a low release cadence with limited community adoption.","status":"active","version":"0.3.0","language":"javascript","source_language":"en","source_url":"https://github.com/nicejade/prettier-plugin-quickapp","tags":["javascript","Quickapp","快应用"],"install":[{"cmd":"npm install prettier-plugin-ux","lang":"bash","label":"npm"},{"cmd":"yarn add prettier-plugin-ux","lang":"bash","label":"yarn"},{"cmd":"pnpm add prettier-plugin-ux","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency required for formatting logic","package":"prettier","optional":false}],"imports":[{"note":"Plugin is auto-loaded by Prettier when installed; no direct import needed. For ESM, use dynamic import or rely on Prettier's plugin resolution.","wrong":"import prettier from 'prettier';","symbol":"default","correct":"const prettier = require('prettier'); require('prettier-plugin-ux');"}],"quickstart":{"code":"// Install\nyarn add --dev --exact prettier prettier-plugin-ux\n\n// Format all .ux files\nnpx prettier --write \"**/*.ux\"\n\n// In package.json scripts\n\"prettier\": \"prettier --write 'src/**/*.js' 'src/**/*.ux'\"\n\n// Optional: watch with onchange\n\"prettier-watch\": \"onchange '**/*.md' 'src/**/*.js' 'src/**/*.ux' -- prettier --write {{changed}}\"","lang":"javascript","description":"Installation and basic usage of prettier-plugin-ux to format QuickApp files."},"warnings":[{"fix":"Install prettier as a dev dependency: yarn add --dev prettier","message":"Plugin requires Prettier to be installed separately.","severity":"gotcha","affected_versions":">=0.1"},{"fix":"Simply install the plugin alongside Prettier.","message":"The plugin is auto-discovered by Prettier when installed in the same project. No manual configuration is needed.","severity":"gotcha","affected_versions":">=0.1"},{"fix":"Ensure file extension is .ux when running prettier.","message":"Only supports .ux files; other file types are ignored.","severity":"gotcha","affected_versions":">=0.1"},{"fix":"Upgrade Node.js to version 8.0.0 or higher.","message":"Node.js >= 8.0.0 required; older versions are not supported.","severity":"deprecated","affected_versions":">=0.1"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run: yarn add --dev prettier","cause":"Prettier is not installed.","error":"Cannot find module 'prettier'"},{"fix":"Ensure prettier-plugin-ux is installed in the same project as prettier.","cause":"Plugin not installed or not detected by Prettier.","error":"No parser could be inferred for file: example.ux"},{"fix":"Place prettier configuration under a \"prettier\" key in package.json (e.g., { \"prettier\": { \"singleQuote\": true } })","cause":"Prettier options used incorrectly in package.json.","error":"Error: Invalid configuration file: prettier"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}