搭建vben环境遇到的问题

305 阅读1分钟

node版本太低,升级了node,npm版本太低

先卸载node,在C盘找到对应的npm的文件,一一删除。npm包的缓存很大,需要删除一段时间,具体删除哪些文件查资料

迁移代码的过程中

需要安装pug和stylus,查官网,找到官方文档,查看安装。

安装环境报错

找到具体的错误,然后网上查。常见的错误有缺模块,缺方法,如果没有在编译过程中没有报出具体的错误,可以试一下yarn build 这样在打包过程中就会报具体缺少哪些文件。环境报错的时候,一定要善于查看错误。

安装的过程中建议使用yarn

切换仓库为淘宝的,用npm安装yarn。如果yarn在vscode中不识别,说明是被禁用了,可以网上找方法,修改配置。

要善于用插件

比如 prittier snippets 代码格式化代码格式化

充分理解vben的配置化

支持ant-design的属性方法,vben自己也封装了属性和方法。还有环境的配置化信息

jsx语法 slot插槽 customRender

优雅的写jsx。还有h div 属性 内容

使用vite编译的过程中

有时候需要手动刷新,如果出现异常,可以重新yarn serve进行处理。

pug语法

. 括号 #[] 括号后面加内容。pug支持 : @ |

less 的命名空间 和icon中的图标配置

less中的配置,设置@属性值;图标配置