记录一下 定制iView主题

新开了一个项目，用的是iview, 然后用的是一个另外的初始化模板， 根据文档准备定制主题，期间在执行iview-theme build -o dist/报 ~primordials is not defined~ ，然后又通过重新安装 降低node版本来（12. 多版本就可以了），生成好了，后面准备调回去下了个 nvm 来控制 node 版本，至此 出现一点小麻烦，npm版本之前切换到了6点几， 后面安装不回来了，报 node 什么错误， 然后用 nvm 切换到 node到14.17.0， npm 没了，不见了， 又切换回 node 12.14.0版本，但是 npm 是6.7.0，太低了。 卸载重装卸载重装 一样，npm依然是6.7.0， 最后卸了 nvm ,在官网下载node14.17.0， npm依然是6.7.0， 在复制 C:\Users\Administrator\AppData\Roaming\npm 这里面的npm和npm.cmd文件 覆盖掉安装地址的 npm， 现在npm是6.14.15， 终于能运行项目了。

所以，项目最好别动版本，什么乱七八糟的问题都有

附上安装步骤

首先需要安装主题生成工具，从 npm 全局或在项目中局部安装，以全局安装为例：

    npm install iview-theme -g

然后在业务工程里新建一个目录，用来存放主题文件，使用下面的命令初始化主题，这时会从 iView 仓库拉取最新的样式文件：

    iview-theme init my-theme

如需拉取指定版本号的 iView，使用下面的命令。（实际运行下面命令时，需将 xxx 替换成项目所使用的 iView 版本，如 “ v2.14.3 ”）

    iview-theme init my-theme xxx

最后编辑 my-theme/custom.less 文件，用命令编译即可：

    cd my-theme
    iview-theme build -o dist/

最终会在指定的目录下编译为 iview.css 的文件，只需在入口处引用它就可以了，比如在 main.js 文件：

    import Vue from 'vue';
    import ViewUI from 'view-design';
    import '../my-theme/dist/iview.css';

    Vue.use(ViewUI);