1.项目目录设计

用Vue 脚手架创建好项目之后，目录下会有个src文件夹

可以看到，在component文件夹下，默认创建了HelloWord.vue组件。为了就近保护，在我们创建组件的时候最好在目录下在创建文件夹，在文件夹下在创建组件，这样非常有利于代码的维护

另外，在src下创建common目录，主要包含一些公共资源

在common中创建三个文件夹，stylus是一个css预处理器

将准备好的fonts文件拷贝到fonts文件夹下，将style.css拷贝到stylus下（fonts生成）


拷贝后结果如下

将style.css重命名为icon.styl文件

然后将css文件改成styl语法：将原来css文件的“{}”和“;”都删掉（后期这样做报错，这里职改文件名即可，不用改内容）

最后删掉不需要的assets目录