## Getting started for @sencha/ext-web-components-modern
### Login to the Sencha npm repo
* Note, you must be signed into the Sencha npm registry to access packages.
production:
```sh
npm login --registry=https://npm.sencha.com/ --scope=@sencha
```
early adopter:
```sh
npm login --registry=https://sencha.myget.org/F/early-adopter/npm/ --scope=@sencha
```
## Create a JavaScript application
- Create a folder named ext-web-components-modern-demo
mac
```sh
mkdir ext-web-components-modern-demo
cd ext-web-components-modern-demo
```
windows
```sh
md ext-web-components-modern-demo
cd ext-web-components-modern-demo
```
- In the ext-web-components-modern-demo folder, create a package.json file with the following:
```sh
{
"name": "ext-web-components-modern-demo",
"version": "7.3.0",
"description": "ext-web-components-modern-demo",
"scripts": {
"start": "npx servor . index.html 8080 --reload --browse"
},
"devDependencies": {
"@sencha/ext-web-components-modern": "~7.3.0",
"@sencha/ext-modern-runtime": "~7.3.0",
"servor": "~3.2.0"
},
"author": "",
"license": "ISC",
"repository": {}
}
```
- In the ext-web-components-modern-demo folder, create an index.html file with the following:
```sh
```
- Run the following in the ext-web-components-modern-demo folder
```sh
npm install
npm start
```
A browser window at http://127.0.0.1:8080 will display