美文网首页
uni-ui --- npm安装(node-sass安装失败解决

uni-ui --- npm安装(node-sass安装失败解决

作者: coderfl | 来源:发表于2020-08-17 20:56 被阅读0次

1)uni-ui 是全端兼容的基于flex布局的ui库;
2)可以使用 npm 的安装使用方式,也可下载相关组件直接使用;
3)uni-ui 不支持使用 Vue.use() 的方式安装
4)uni-ui 依赖 scss,若是 HBuilderX 中创建的 uni-app 项目,需要在 HBuilderX 中安装 scss 插件;如果是使用 cli 创建的 uni-app 项目,需要在项目下npm安装 node-sass 和 sass-loader

npm install @dcloudio/uni-ui -D
npm install sass-loader -D
npm install node-sass -D

将要使用的组件复制到根目录下的components目录下,即可直接使用,不需要引用。

image.png
node-sass安装失败解决办法:
在项目根目录创建.npmrc文件,复制下面代码到该文件。然后安装
phantomjs_cdnurl=http://cnpmjs.org/downloads
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org

相关文章

网友评论

      本文标题:uni-ui --- npm安装(node-sass安装失败解决

      本文链接:https://www.haomeiwen.com/subject/kzhcjktx.html