提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
- 一、引入Elment-plus
-
- 安装element-plus
- 安装icons
- 修改tsconfig.json (可选)
- 配置按需自动引入
- 验证是否导入成功
- 展示效果
- typings 文件夹里生成两个文件
- 总结
一、引入Elment-plus
elementplus
安装element-plus
pnpm install element-plus
安装icons
pnpm install element-plus @element-plus/icons-vue
修改tsconfig.json (可选)
因为笔者在vscode 插件中使用了vetur 插件,所以在可以在tsconfig.json 中,配置type
{
"compilerOptions": {
"target": "ES2020",
"useDefineForClassFields": true,
"module": "ESNext",
"lib": ["ES2020", "DOM", "DOM.Iterable"],
"skipLibCheck": true,
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"resolveJsonModule": true,