发表于: 2019-08-21 21:12:22
1 991
今天完成了什么:
完成任务6侧边栏;
遇到了什么问题:
安装打开新的一个项目不会,最后才知道自己一开始弄得就是,实际上我不应该命名为task6的,文件夹大小应该是项目文件名>任务名称>各任务组件模块等等分支文件夹。应该是这样子
新建项目步骤如下图;路径为桌面我是想项目文件放桌面上;
跑到下面表示成功安装;
打开之后的东西有很多;
要打开vscode然后打开文件夹打开终端输入ng serve运行然后点开下面localhost的网址就能打开整个文件页面了;
再然后是了解ng-zerro了。直接在终端输入
ng add ng-zorro-antd
然后是输入ng serve --port 0 --open进入欢迎页面;
构建和部署环境
ng build --prod
入口文件会构建到 dist
目录中,可以自由部署到不同环境中进行引用。
然后是npm install ng-zorro-antd --save
这样就成功在全局引入了 ng-zorro-antd
。
更改图标icon:
找到theme.less,输入上面复制的俩个组件引用,我是这么理解这俩东西,拿来引入NG-Zorrd的css样式的,然后在找到要的图标修改
nzIcon的值就行了;如图;
明天计划:
任务任务;
评论