下载前的筹备工做
下载前的筹备工做
在起头下载灭神记之前,请确保你已经安拆了相关软件。若是你的电脑运行的是Windows操做,建议你操做谷歌阅读器停行下载。若是你的电脑运行的是macOS操做,那么你能够间接在末端中操做以下号令下载:
bash
npm install -g @ant-design/icons
接下来,请将你的电脑设置为下载灭神记的源。若是你操做的是Windows,请点击“”>“设置”>“下载”>“Internet”>“设置”>“Internet加速”>“为LAN操做”,勾选“始末启用”。若是你的macOS版本为11.5或更高版本,则需要操做以下号令将下载源添加到~/Library/Caches/com.ant.design.icons.remapping.entries文件夹中:
bash
defaults write com.ant.design.icons/remappingComputedIcon 1
下载过程
下载过程
打开你的阅读器,访谒以下链接下载灭神记:
bash
https://d3.awsstatic.com/product-marketing-resources/icons-for-ant-design/icons/覆灭神/icons-for-ant-design-1.7.0.tgz
等待下载完成即可。
安拆与操做安拆与操做
下载完成后,请根据以下轨范停行安拆和操做:
1. 打开安拆文件夹,双击运行安拆轨范。
2. 等待安拆完成后,打开ant-design/icons目录下的icons文件夹,找到icons-for-ant-design-1.7.0.tgz文件并打开。
3. 在弹出的窗口中,选择合适你的版本和屏幕尺寸,然后点击“打开”。
4. 安拆完成后,你能够在项目中找到生成的icons文件夹。
5. 在你的项目中,你能够通过以下体例操做icons:bash
import 'ant-design/icons/icons.js';
function MyComponent() {
return (
Hello, World!
);}
下载背后的玄妙
下载背后的玄妙
灭神记是一款由Ant Design设想的UI组件库,其下载背后的玄妙是操做Docker构建的。通过操做Docker,我们能够轻松地创建、发布和打点应用轨范。
在操做Docker安拆灭神记时,需要确保你的操做撑持Docker。若是你的操做不撑持Docker,你能够通过以下轨范安拆Docker:bash
sudo apt update
sudo apt install docker-ce
接下来,请根据以下轨范创建一个Dockerfile文件:
1. 创建一个名为Dockerfile的文件。
2. 在文件中,添加以下内容:sql
FROM node:14
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
CMD [ "npm", "start" ]3. 保留并封锁Dockerfile文件。
4. 运行以下号令,在当前目录下创建一个Dockerfile.d目录:bash
mkdir ./Dockerfile.d
5. 将Dockerfile文件复造到./Dockerfile.d目录中:
bash
cp Dockerfile ./Dockerfile.d/
6. 创建一个名为Dockerfile.d/Dockerfile的文件:
bash
sudo nano /app/Dockerfile.d/Dockerfile
7. 在文件中,添加以下内容:
sql
FROM node:14
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
CMD [ "npm", "start" ]8. 保留并封锁Dockerfile.d/Dockerfile文件。
9. 运行以下号令,在当前目录下创建一个Dockerfile目录:bash
mkdir Dockerfile
10. 运行以下号令,从当前目录创建Dockerfile目录:
bash
cd /app
mkdir Dockerfile.d
11. 运行以下号令,从当前目录创建Dockerfile文件:
bash
npm run build
12. 等待构建完成后,你能够通过以下体例操做Docker运行灭神记:
css
docker run -it --name ant-design-icon-example ant-design/icons-ant-design-1.7.0
通过以上轨范,你能够轻松地探究灭神记下载背后的玄妙。