demo-vue-element-admin

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

markdown

tui-editor

• 预览只有50px

svgicon

参考

1. 创建组件 src/components/SvgIcon/index.vue

2. 图标处理 src/icons/

   • src/icons/svg/ 存放下载的.svg
   • src/icons/index.js 全局注册组件，并使用require.context把.svg文件批量变成模块Module
   • 使用svg-sprite-loader，将多个svg打包成svg-sprite，在vue.config.js里配置

3. main.js里导入

   // 因为src/icons/index.js已经把所有svg文件变成了模块module，所以在这里import此文件就是把所有的svg文件模块导入了
   import src/icons

4. 使用 src/views/icons/

   <svg-icon icon-class="editor" />

5. svgo的使用

   • 在src/icons/svgo.yml添加配置信息

   • 添加脚本

     "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml"

   npm run svgo，就会根据配置文件对src/icons/svg/目录下的所有.svg文件进行处理