下面准备一下在开发项目的时候可能会用到的一些资源。在终端,新建一个标签,然后进入到桌面上,克隆一下项目仓库,地址是 git@e.coding.net:ninghao/ravent-assets/ravent-assets.git 放在 nid-assets 这个目录的下面。要稍等一会儿,因为仓库里面有一些大尺寸的图片。
完成以后进入到 nid-assets 这个目录的下面,可以使用编辑器打开这个目录。在这个项目的 assets 的下面,会有一些资源,比如 styles 下面有几个样式表,后面我们会用到。 icons 的下面是一些小图标。
images 里面有一些原版的图片,这些照片都是我自己拍的,所以不用担心版权问题。
这个 favicon 是在浏览器标签栏上显示的小图标,打开浏览器,观察一下当前这个页面标签上的小图标,现在用提 vue 的标志。如果你想把它替换成自己的,可以制作一个图像文件,再把这个图像文件转换成 ico 格式的文件。
打开 nid-assets 目录,找到在 assets 下面的 favicon.ico , 再新建一个窗口,打开前端项目所在的目录下面的public 这个目录,这里会有一个 favicon.ico 。我们可以替换一下这个 ico 文件。
然后再观察一下页面标签上的小图标,现在这个图标就是我们自己制作的了。