实验结果检测
接下来我们回到首页，我们查看监控面板，在我们还未导入设备信息前，监控面板是空的，没有任何显示。
接下来是终端发现，我们输入要扫描的网段即可。
到这里整个工作台的首页功能就简单介绍完了。设备管理在上面也顺道介绍过了，我们使用本软件，首先第一步都是导入设备信息。接下来看下项目管理。这个是CS架构，服务端-客户端。新增工单，指定工程师，是否审核，提交。然后客户端对应工程师收到对应工单，处理完毕后可以更新工单状态为已完成或者未完成。
然后是我们的基线模板，选择对应厂商设备，然后选择对应.CSV，选择对应jinja2模板，点击+号就会生成对应模板显示在界面上，这里.CSV文件路径也在安装路径下的基线模板文件夹里。
arp表管理使用就简单了，直接点击ipmac信息收集即可，收集完毕在底部会显示。
安装
首先，请全局安装 antd-init 。
$ npm i antd-init -g
...
$ antd-init -v
0.6.2创建项目
然后创建一个空目录，并在里面执行 antd-init 。
$ mkdir blog && cd blog
$ antd-init用法
package.json
package.json 中只有唯一一个约定 entry，用于指定入口文件。这里的 entry 即 webpack 的 entry，在构建和调试时会完整地传递给 webpack 。
{
"entry": {
"index": "./src/entry/index.jsx"
}
}
更多配置方法请参考 webpack 文档。
调试
在项目目录执行 npm start。
$ npm start
> antd-demo@1.0.0 dev /private/tmp/blog
> dora -p 8001 --plugins atool-build,proxy,hmr
proxy: listened on 8989
📦 310/310 build modules
webpack: bundle build is now finished.
然后，在浏览器中打开 http://localhost:8989/ 即可看到页面。
这里的调试基于 dora 实现，并内置了以下插件：
- atool-build：基于 atool-build 的 webpack 中间件
- proxy：数据 mock 和线上调试
- hmr：模块热替换
构建
理论上，本地只需通过 npm start 进行调试即可，无需构建。而实际上，你可能需要观察构建出来的文件是否符合预期。
在项目根目录执行。
$ npm run build
> antd-demo@1.0.0 build /private/tmp/blog
> atool-build -o ./dist/${npm_package_family}/${npm_package_name/{npm_package_version}
Hash: c09527a012dedc0b76a4
Version: webpack 1.12.11
Time: 22550ms
Asset Size Chunks Chunk Names
common.js 728 bytes 0 [emitted] common
index.js 263 kB 1, 0 [emitted] index
index.css 221 kB 1, 0 [emitted] index
chunk {0} common.js (common) 0 bytes [rendered]
chunk {1} index.js, index.css (index) 942 kB {0} [rendered]
然后在dist目录可以找到构建出来的文件。
原文始发于微信公众号（释然IT杂谈）：网工运维神器：ANToolsProV3.0内测版全新上线！
- 左青龙
- 微信扫一扫
-
- 右白虎
- 微信扫一扫
-
评论