{"id":18382516,"url":"https://github.com/dimpu/vet-ui","last_synced_at":"2025-10-20T11:07:57.421Z","repository":{"id":71413869,"uuid":"98320650","full_name":"dimpu/vet-ui","owner":"dimpu","description":null,"archived":false,"fork":false,"pushed_at":"2017-12-04T16:54:03.000Z","size":1526,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-15T23:42:12.271Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dimpu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-07-25T15:18:17.000Z","updated_at":"2017-12-04T16:54:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"62f1a0f0-fabf-46f1-928f-f690b8de5c1d","html_url":"https://github.com/dimpu/vet-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fvet-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fvet-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fvet-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fvet-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimpu","download_url":"https://codeload.github.com/dimpu/vet-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248481798,"owners_count":21111220,"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":[],"created_at":"2024-11-06T01:06:18.671Z","updated_at":"2025-10-20T11:07:57.334Z","avatar_url":"https://github.com/dimpu.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# generator-ng6 [![Build Status](https://secure.travis-ci.org/dimpu/generator-ng6.png?branch=master)](https://travis-ci.org/dimpu/generator-ng6)\n\n\u003e The simple starter [Yeoman](http://yeoman.io) generator for angualr 1.x with ES6.\n\n\n## Getting Started\n### What is ng6?\nA simple starter for angular 1.x with es6. This is a simple yomen generator for those who are looking for using ES6 with angular 1.x\n\nIf you are new to ES6 I would suggest you to go through http://ccoenraets.github.io/es6-tutorial/ or https://www.youtube.com/watch?v=CozSF5abcTA\n\n**Features:**\n* Web Component approach.\n* Package management with npm [NPM](http://npmjs.org)\n* The best practice in directory/file organization for Angular\n* For both small and large scale applications.\n* ES6 to ES5 conversion using browserify with babel.\n* A ready-to-go build system for working with [ES6](https://git.io/es6features)\n* Tasks for generating additional boilerplate Angular components\n* A full testing system in place\n\n\n### File Structure\nBesides using ES6 with angular 1.x we want to a way to ensure easy transition to Angular2. So everything in ng6 will look like.\n```\nclient\n--app/\n----app.js * entry file for app\n----app.html * template for app\n----components/ * where most of components live\n------components.js * entry file for components\n------home/ * home component\n--------home.js * home entry file\n--------home.component.js * directive for home\n--------home.controller.js * controller for home\n--------home.css * styles for home\n--------home.html * template for home\n--------home.spec.js * specs for home\n----common/ * where common things in our app live\n```\n\n## Testing Setup\nAll test are written in ES6 too because why not! We use JSPM to take care of all the logistics of getting those files run in browsers just like our client files. Our setup is:\n\n* Karma\n* Mocha\n* Chai\n\nTo run test just `npm test` or `karma start`. Read more about testing [below](#testing)\n\n## Installing\nWhat do you need to run this:\n* `node` or 'iojs' and `npm`\nOnce you have those, you should install these global npm packages:\n* `npm i -g browserify`\n* `npm i -g budo`\n* `npm i -g karma`\n* `npm i -g karma-cli`\n\nTo install generator-ng6 from npm, run:\n\n```bash\nnpm install -g generator-ng6\n```\n## How to use it?\nTo initiate the generator go to the folder we you want your project and run the following command.\n\n```bash\nyo ng6\n```\n\n## Npm tasks\n\nWe will have following commands.\n\n```bash\n  npm Start\n  ```\n  this will start code compilation while you make changes to your files. Use this command if you already have a server running. For example if you want to use Xampp or vangrant as your main server this is for you.\n\n  ```bash\n    npm run serve\n    ```\n\n This will starts a dev server with `budo` (a browserify dev server).\n\n ```bash\n npm run build\n ```\nbuild your code for production it will generate only two file app.min.js and index.html\n\n```bash\nnpm test\n```\nIt will start your karma tests.\n\n\n## Generating components\nFollowing a good practice allows us to guarantee certain things. We can take advantage of these guarantees and use a task to automate things. Because the components we make will almost always have the same structure, we can generate this boilerplate for you. Boilerplate includes:\n* Component folder\n* Component entry file which will `import` all of its dependencies\n* Component component file, or directive file will will also `import` its dependencies\n* Component template\n* Component controller\n* Component css\n* Component spec with passing tests already written\n\nYou can create all this by hand, but it gets old fast!\nTo generate a component, we must use the\n\n```bash\nyo ng6:component component-name\n```\ncomponent-name is the name of the component you want to create. Be sure to be unique, or it will override an existing component.\nThe component will be created by default on the root of `app/components`.\n\nYou can pass in a path relative to `app/components/` and your component will be made there.\n\nSo running `yo ng6:component signup` will create a `signup` component at `client/app/components/signup`.\n\nRunning `yo ng6:component footer` and if you give path as`  ../common` will create a `footer` component at `app/common/footer`.\n\n\n\n### Yeoman Generators\n\nYeoman travels light. He didn't pack any generators when he moved in. You can think of a generator like a plug-in. You get to choose what type of application you wish to create, such as a Backbone application or even a Chrome extension.\n\nTo install generator-ng6 from npm, run:\n\n```bash\nnpm install -g generator-ng6\n```\n\nFinally, initiate the generator:\n\n```bash\nyo ng6\n```\n\n\n## License\n\nMIT\n=======\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimpu%2Fvet-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimpu%2Fvet-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimpu%2Fvet-ui/lists"}