vue项目,代码提交至码云,iconfont的用法说明

一、前期准备

首先得有一个码云账号,账号名最好是英文,用于线上仓库

其次下载一个git到电脑,因为很多git命令,cmd命令行识别不了

最好再有一个Iconfont账号,很多前端用到的图标就不用再自己画了,直接添加到项目下载下来就可以用了

还需要用到的有node

二、建立项目

1、首先在码云上新建一个私有的项目(如果项目是共有的,那么所有人都能看见,一般设为私有,然后将项目组的人拉进来就可以了),使用READERME文件初始化这个项目,语言选择javascript,克隆到本地

其中需要完成线上仓库与本地的连接

2、接下来就可以在本地进行代码的编写了。

3、需要用到图标时直接在iconfont中找到,加入购物车,添加进项目之后下载到本地,在组件中引用就行了。其中下载的文件只有部分是我们需要的,如下图所示:

第二步:

登录码云,找到要预览的代码仓库,操作如以下截图所示,获取部署后的网站地址,第三步的时候需要

修改完之后,重新执行npm run build命令,并且进行push

第四步:

在浏览器中输入第二步时获取到的网站地址,后面加上 /dist/index.html,即可进行网页的预览

大功告成!

以上这篇vue项目,代码提交至码云,iconfont的用法说明就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持来客网。