Learn TypeScript 3 by Building Web Applications

Installing and configuring Element

We are now going to add the Element component library to the project.

As usual, the installation starts with npm:

npm install element-ui

Once installed, we need to load Element and associate it with Vue. There are two approaches:

1. Load all Element components at once.
2. Load only the Element components that we actually need.

For simplicity, we'll use the first approach, but keep in mind that the alternative is probably better for production code. You can find more details here: https://element.eleme.io/#/en-US/component/quickstart.

Open the src/main.ts file:

1. Import the Element library reset stylesheet: import 'element-ui/lib/theme-chalk/reset.css';.
2. Import the Element library stylesheet: import 'element-ui/lib/theme-chalk/index.css'; ...