1.项目目录设计

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

用Vue 脚手架创建好项目之后,目录下会有个src文件夹
在这里插入图片描述

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

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

在这里插入图片描述
在common中创建三个文件夹,stylus是一个css预处理器
在这里插入图片描述
将准备好的fonts文件拷贝到fonts文件夹下,将style.css拷贝到stylus下(fonts生成
在这里插入图片描述
在这里插入图片描述
拷贝后结果如下
在这里插入图片描述
将style.css重命名为icon.styl文件
在这里插入图片描述
然后将css文件改成styl语法:将原来css文件的“{}”和“;”都删掉(后期这样做报错,这里职改文件名即可,不用改内容)
在这里插入图片描述
最后删掉不需要的assets目录
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值