01项目准备工作
1.字体图标准备 https://www.iconfont.cn/ 下载项目中需要的SVG图标 https://icomoon.io/app/#/select 在这个网站导入下载好的SVG图标,生成字体图标 这边的fonts是通过style.css来引用的,我习惯把style.css改成icon.css,然后在项目文件中src-->assets下新建一个styles目录,将fonts文件夹和icon.css复制进去。 接着在main.js中引入: import './assets/styles/icon.css' 测试:(可通过类名对图标进行大小颜色的设置) 结果成功展示: 2.项目依赖包下载+项目配置 1、安装sass: npm install --save-dev node-sass sass-loader 此处用的node版本为10.14.1,如果是老版本下载的sass,在node高版本下会有兼容问题,请卸载sass重新安装。 卸载:npm uninstall --save-dev node-sass sass-loader 3.准备web字体 以前 CSS3 的版本,网页设计师不得不使用用户计算机上已经安装的字体。现在使用 CSS3 ,网页设计师可以使用他/她喜欢的任何字体。