{"id":18496432,"url":"https://github.com/nicejade/prettier-plugin-quickapp","last_synced_at":"2025-07-14T03:30:56.804Z","repository":{"id":57330054,"uuid":"152618841","full_name":"nicejade/prettier-plugin-quickapp","owner":"nicejade","description":"Prettier Quickapp Plugin . ","archived":false,"fork":false,"pushed_at":"2019-05-08T04:33:10.000Z","size":90,"stargazers_count":9,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-11T15:18:06.246Z","etag":null,"topics":["front-end","frontend-app","kuaiyingyong","prettier","quickapp"],"latest_commit_sha":null,"homepage":"https://quickapp.lovejade.cn/prettier-quickapp-plugin/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nicejade.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-10-11T15:59:54.000Z","updated_at":"2024-07-02T07:12:55.000Z","dependencies_parsed_at":"2022-08-29T05:11:02.701Z","dependency_job_id":null,"html_url":"https://github.com/nicejade/prettier-plugin-quickapp","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nicejade/prettier-plugin-quickapp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicejade%2Fprettier-plugin-quickapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicejade%2Fprettier-plugin-quickapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicejade%2Fprettier-plugin-quickapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicejade%2Fprettier-plugin-quickapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nicejade","download_url":"https://codeload.github.com/nicejade/prettier-plugin-quickapp/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicejade%2Fprettier-plugin-quickapp/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265129848,"owners_count":23715687,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["front-end","frontend-app","kuaiyingyong","prettier","quickapp"],"created_at":"2024-11-06T13:29:24.648Z","updated_at":"2025-07-14T03:30:56.738Z","avatar_url":"https://github.com/nicejade.png","language":"JavaScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/nicejade/prettier-plugin-quickapp\"\u003e\u003cimg width=\"200\" src=\"https://raw.githubusercontent.com/nicejade/prettier-plugin-quickapp/master/doc/images/pretitter.png\" alt=\"Prettier Plugin Quickapp\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/nicejade/prettier-plugin-quickapp\"\u003e\u003cimg\n  width=\"200\" src=\"https://raw.githubusercontent.com/nicejade/prettier-plugin-quickapp/master/doc/images/quickapp.png\" alt=\"Prettier Plugin Quickapp\"\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n\u003ch2 align=\"center\"\u003ePrettier Quickapp Plugin\u003c/h2\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cstrong\u003e🛠 Prettier for \n    \u003ca href=\"https://nicelinks.site/post/5b5fb5bc615bf842b609105f\"\u003equickapp\u003c/a\u003e.\n  \u003c/strong\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/prettier-plugin-ux\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/prettier-plugin-ux.svg\" alt=\"prettier-plugin-ux\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://nodejs.org/en/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/node-%3E%3D%208.0.0-green.svg\" alt=\"node version\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/prettier-plugin-ux\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dt/prettier-plugin-ux.svg\" alt=\"prettier-plugin-ux\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/nicejade/vue-boilerplate-template\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/nicejade/vue-boilerplate-template.svg\" alt=\"LICENSE\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://about.me/nicejade\"\u003e\u003cimg src=\"https://img.shields.io/badge/Author-nicejade-%23a696c8.svg\" alt=\"Author nicejade\"\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n### English | [中文](https://quickapp.lovejade.cn/prettier-quickapp-plugin/)\n\n## Introduction\n\n[Prettier](https://nicelinks.site/post/5c16083e819ae45de1453caa) is an opinionated code formatter. This plugin integrates `prettier-plugin-ux` into [Prettier](https://nicelinks.site/post/5c16083e819ae45de1453caa), thus providing you with a universal interface to code formatting. dealing with `.ux` files via Prettier API, It can provide a common style guide  for a project and team, and can help identify potential problems with the code. Using it to write [QuickApp](https://nicelinks.site/post/5b5fb5bc615bf842b609105f) will greatly improve development efficiency and happiness.\n\n## Install\n\n```bash\nyarn add --dev --exact prettier prettier-plugin-ux\n```\n\n## Usage\n\n```bash\nprettier --write \"**/*.ux\"\n# or\nnpx prettier --write \"**/*.ux\"\n```\n\nYou can add a configuration similar to the following in the `scripts` of package.json. You can use one-click landscaping (`yarn prettier`) for your fast application code. This includes css, less, sass, etc., which can also be used to beautify. Markdown and so on, you can see in the [opinionated-code-formatter](https://github.com/prettier/prettier#opinionated-code-formatter) that `prettier` has built-in support for multiple languages.\n\n```bash\n\"prettier\": \"prettier --write 'src/**/*.js' 'src/**/*.ux'\",\n```\n\nIn addition, you can also inject [onchange](https://github.com/Qard/onchange) dependencies, which use the `glob` mode to monitor files and run commands when adding, changing, or deleting anything. If you add a configuration similar to the following in the `scripts` of package.json, run the `yarn prettier-watch` command during development to beautify the code after saving, which will definitely improve your development efficiency and experience.\n\n```bash\n\"prettier-watch\": \"onchange '**/*.md' 'src/**/*.js' 'src/**/*.ux' -- prettier --write {{changed}}\"\n```\n`Prettier` ships with a handful of customizable format options, usable in both the `CLI` and `API`. You can configure it yourself in *package.json* according to your own habits. Specific options and instructions can be found in [Options | Prettier](https://prettier.io/docs/en/options.html).\n\n```json\n\"prettier\": {\n    \"singleQuote\": true,\n    \"semi\": false,\n    \"printWidth\": 120,\n    \"proseWrap\": \"never\"\n},\n```\n\n## Input\n\n```js\nexport default {\nonInit () {\n},\nonShow   () {\nAPP_STATISTICS.page_show(this)\n}\n}\n\u003cstyle lang=\"less\"\u003e\n.page-wrapper{flex-direction: column;\nwidth:6 * @size-factor;\n}\n\u003c/style\u003e\n```\n\n## Output\n\n```js\nexport default {\n  onInit() {},\n  onShow() {\n    APP_STATISTICS.page_show(this)\n  }\n}\n\u003cstyle lang=\"less\"\u003e\n.page-wrapper {\n  flex-direction: column;\n  width: 6 * @size-factor;\n}\n\u003c/style\u003e\n```\n\nPrettier can be run [in your editor on-save](http://prettier.io/docs/en/editors.html), in a [pre-commit hook](https://prettier.io/docs/en/precommit.html), or in [CI environments](https://prettier.io/docs/en/cli.html#list-different) to ensure your codebase has a consistent style without devs ever having to post a nit-picky comment on a code review ever again!\n\nThe use and configuration, there are detailed descriptions in the Prettier documentation, of course, you can also refer to this - dedicated to building a more elegant rapid application development scaffolding template: [quickapp-boilerplate-template](https://github.com/nicejade/quickapp-boilerplate-template/blob/master/package.json).\n\n## License\n\n[MIT](http://opensource.org/licenses/MIT)\n\nCopyright (c) 2018-present, [nicejade](https://aboutme.lovejade.cn/)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnicejade%2Fprettier-plugin-quickapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnicejade%2Fprettier-plugin-quickapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnicejade%2Fprettier-plugin-quickapp/lists"}