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

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

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

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

将准备好的fonts文件拷贝到fonts文件夹下,将style.css拷贝到stylus下(fonts生成)


拷贝后结果如下

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

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

最后删掉不需要的assets目录

本文介绍了用Vue脚手架创建项目后的目录操作。在component文件夹下创建组件时,建议在目录下再创建文件夹,利于代码维护。还在src下创建common目录存放公共资源,包含stylus等文件夹,进行了字体文件和样式文件的拷贝、重命名等操作,最后删掉了assets目录。

被折叠的 条评论
为什么被折叠?



