Finology 大数据金融

通过大数据以量化金融

在Windows主机环境下,给CentOS7虚拟机安装VMware Tools。如果是在MacOS主机环境下,给CentOS7虚拟安装VMware Tools,请参考 mac主机待机后和虚拟机时间不统一的问题

加载linux.iso镜像

在VMware里,点击”安装VMware Tools“

光盘挂载的iso文件会自动变为:linux.iso

挂载光盘到本地目录

1
sudo mount /dev/cdrom /mnt/cdrom

从光盘拷贝文件到工作目录

1
sudo cp /mnt/cdrom/VMwareTools-10.3.10-12406962.tar.gz /usr/local/

解压:

1
2
3
4
cd /usr/local/
sudo tar -zxvf VMwareTools-10.3.10-12406962.tar.gz


安装VMware Tools

1
2
3
cd vmware-tools-distrib
./vmware-install.pl
-bash: ./vmware-install.pl: /usr/bin/perl: bad interpreter: No such file or directory

安装perl, gcc

1
sudo yum install perl gcc kernel-devel
1
2
3
4
5
sudo ./vmware-install.pl 
open-vm-tools packages are available from the OS vendor and VMware recommends
using open-vm-tools packages. See http://kb.vmware.com/kb/2073803 for more
information.
Do you still want to proceed with this installation? [no]

输入yes,然后一路回车,默认选项安装。

1
2
3
4
5
To enable advanced X features (e.g., guest resolution fit, drag and drop, and 
file and text copy/paste), you will need to do one (or more) of the following:
1. Manually start /usr/bin/vmware-user
2. Log out and log back into your desktop session
3. Restart your X session.
1
2
vmware-user: could not open /proc/fs/vmblock/dev
15484 pts/1 R 0:00 /usr/lib/vmware-tools/sbin64/vmtoolsd -n vmusr

此处理错误未找到解决方案,不过已经不影响鼠标的移动了。

平常我们提得比较多的Pod,都是通过Deployment,DaemonSet,StatefulSet等方式创建管理的。今天我们介绍一种特殊的Pod,叫静态(Static) Pod。

什么是静态Pod

静态Pod是由kubelet进行管理,仅存在于特定Node上的Pod,这些Pod是不能通过API Server进行管理的,无法与ReplicationController,Deployment或DaemonSet关联。

静态Pod的创建

通过配置yaml文件可以创建静态Pod。只要有kubelet进程,就可以在所在节点运行静态Pod。

如果通过二进制启动的kubelet,可以在kubelet执行时添加配置参数--pod-manifest-path=<yaml directory>,kubelet会定期扫描目录,应用目录下面的yaml文件来创建静态Pod。

我是通过kubeadm安装的集群,我们以kube-scheduler这个静态Pod为例,看看它是如何运行的。

1
2
ps -ef | grep kubelet
root 6088 1 3 Dec23 ? 01:45:47 /usr/bin/kubelet --bootstrap-kubeconfig=/etc/kubernetes/bootstrap-kubelet.conf --kubeconfig=/etc/kubernetes/kubelet.conf --config=/var/lib/kubelet/config.yaml --cgroup-driver=systemd --network-plugin=cni --pod-infra-container-image=k8s.gcr.io/pause:3.1

看到--config的目录为/var/lib/kubelet/config.yaml,查看此文件内容,我们可以看到参数staticPodPath的值:

1
2
cat /var/lib/kubelet/config.yaml | grep staticPodPath
staticPodPath: /etc/kubernetes/manifests

查看目录内容

1
2
3
4
5
6
ll /etc/kubernetes/manifests
total 16
-rw------- 1 root root 1928 Dec 12 10:38 etcd.yaml
-rw------- 1 root root 2610 Dec 12 10:38 kube-apiserver.yaml
-rw------- 1 root root 2486 Dec 12 10:38 kube-controller-manager.yaml
-rw------- 1 root root 990 Dec 12 10:38 kube-scheduler.yaml

由此得知,kubelet会扫描staticPodPath,检测到这个目录下有yaml文件,就创建Pod了。如果要删除Pod,把这些配置文件删除即可。

安装node, npm

查看安装的版本信息

1
2
3
4
5
node -v
v10.16.0

npm -v
6.10.0

安装react脚手架工具

1
npm install -g create-react-app

查看安装版本

1
2
create-react-app -V
3.3.0

新建一个项目

1
create-react-app my-app

启动项目

1
2
cd my-app
yarn start

安装react-router-dom

react-router 4.0版本以后,就只需要安装react-router-dom了,dom代表有dom元素在里面。

1
yarn add react-router-dom

安装less-loader, less

如果写一个.less的样式文件,react脚手架工具创建出来的项目默认是不支持的,所以需要安装less-loader模块。

1
yarn add less-loader less

安装好less-loader后,需要做一些配置才能生效。

执行yarn eject,把配置文件把暴露出来。系统可能会提示让把package.jsonyarn.lockcommit掉。

可以看到工程中多出了scriptsconfig目录

编译config/webpack.config.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
oneOf: [
// "url" loader works like "file" loader except that it embeds assets
// smaller than specified limit in bytes as data URLs to avoid requests.
// A missing `test` is equivalent to a match.
// 添加如下内容
{
test: /\.less$/,
use: [{
loader: 'style-loader',
}, {
loader: 'css-loader', // translates CSS into CommonJS
}, {
loader: 'less-loader', // compiles Less to CSS
options: {
sourceMap: true,
modifyVars: {
// '@primary-color': '#F0CF13',
},
javascriptEnabled: true,
}
}]
},
// 添加上面内容
{
test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
loader: require.resolve('url-loader'),
options: {
limit: imageInlineSizeLimit,
name: 'static/media/[name].[hash:8].[ext]',
},
}
...
]

@primary-color可以不用设置。

因为修改了配置,所以需要重启项目。

这时我们发现,less的样式已经生效了。

安装axios

1
yarn add axios

安装antd

1
yarn add antd

在使用时,引入css文件。如果要使用Button组件,引入即可。

1
2
import 'antd/dist/antd.css'
import {Button} from "antd";

antd是用less来写的,我们加载的antd.css是全部的样式,这样加载的内容太多了。

我们如果要达到按需加载的目的,还得安装babel-plugin-import

1
yarn add babel-plugin-import

安装好以后,在package.json里面的babel属性里面添加如下内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
"babel": {
"presets": [
"react-app"
],
// 添加下面的内容
"plugins": [
[
"import",
{
"libraryName": "antd",
"style": true
}
]
]
// 添加上面的内容
}

重启项目,我们发现,当我们注释掉css以后,antd的样式还是可以正常输出。

1
2
// import 'antd/dist/antd.css'
import {Button} from "antd";
0%