Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jqwidgets/create-jqwidgets-angular-app
Create jQWidgets Angular App
https://github.com/jqwidgets/create-jqwidgets-angular-app
angular angularcli jqwidgets
Last synced: 14 days ago
JSON representation
Create jQWidgets Angular App
- Host: GitHub
- URL: https://github.com/jqwidgets/create-jqwidgets-angular-app
- Owner: jqwidgets
- Created: 2017-07-12T07:45:15.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T06:31:49.000Z (almost 2 years ago)
- Last Synced: 2024-04-14T08:35:21.461Z (7 months ago)
- Topics: angular, angularcli, jqwidgets
- Language: TypeScript
- Homepage: http://www.jqwidgets.com/
- Size: 3.63 MB
- Stars: 5
- Watchers: 2
- Forks: 3
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# create-jqwidgets-angular-app
Please refer to its documentation:
- [Getting Started](https://github.com/jqwidgets/create-jqwidgets-angular-app/blob/master/README.md#getting-started)
- [jQWidgets Angular Documentation](http://www.jqwidgets.com/angular-components-documentation/)
This project is based on [Angular CLI](https://cli.angular.io/).
## Quick Overview
```sh
npm i -g create-jqwidgets-angular-app
create-jqwidgets-angular-app my-app
cd my-app
npm start
```
Then open [http://localhost:4200/](http://localhost:4200/) to see your app.
When you’re ready to deploy to production, create a minified bundle with `npm run build`.
## Getting Started
### Installation
Install it once globally:
```sh
npm install -g create-jqwidgets-angular-app
```
### Creating an App
```sh
create-jqwidgets-angular-app my-app
cd my-app
```
It will create a directory called `my-app` inside the current folder.
Inside that directory, it will generate the initial project structure and install the transitive dependencies:
```
my-app
├── e2e
├── node_modules
├── src
├── angular.json
├── browserslist
├── karma.conf.js
├── package.json
├── README.md
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.spec.json
├── tslint.json
```
Subfolders are not shown in order to keep it short.
Once the installation is done, you can run some commands inside the project folder:
## Now, time for some commands:
```sh
npm start
```
Builds the app in development mode and starts a web server.
Open [http://localhost:4200](http://localhost:4200) to view it in the browser.
The page will reload if you make edits.
```sh
npm run build
```
Builds the app in production mode and stores it in the `dist/` directory.
## Why Use This?
**If you’re getting started** with `jQWidgets` and `Angular`, using `create-jqwidgets-angular-app` is the easiest way to do this.
Just install, run and you will see an Angular jQWidgets Grid on your page.
Then you can customize the project as much as you want, making something great.
