当前位置: 首页 > news >正文

uniapp使用vur-cli新建项目并打包

新建项目

npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue my-project

在这里插入图片描述

  • 选择默认模板
  • npm run dev:h5 运行

安装sass和uview (npm安装失败)

bug:使用uni.scss中的变量或样式,<style lang="scss"> 必须加lang才会生效
bug:使用uview只需要安装 sass和 sass-loader即可,无需安装 node-scss
bug:npm装包失败,需要使用 yarn add 安装包即可

yarn add sass@1.49.8 sass-loader@8.0.2
yarn add uview-ui   
  • main.js
import uView from "uview-ui";
Vue.use(uView);
  • uni.scss
@import 'uview-ui/theme.scss';
  • pages.json(和pages平行)
"easycom": {"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"},
  • index.vue
<u-button type="primary">主要按钮</u-button>
<u-button type="success">成功按钮</u-button>
<u-button type="info">信息按钮</u-button>
<u-button type="warning">警告按钮</u-button>
<u-button type="error">危险按钮</u-button><style lang="scss">

打包

npm run build:h5
http://www.lryc.cn/news/223946.html

相关文章:

  • 后台管理系统解决方案-中大型-Vben Admin
  • 通俗理解repartition和coalesce区别
  • 优雅设计之美:实现Vue应用程序的时尚布局
  • 05预测识别-依托YOLO V8进行训练模型的识别——对视频中的目标进行跟踪统计
  • Android Studio(意图Intent)
  • Bean作用域
  • YOLOV5----修改损失函数-SE
  • Mybatis(一)
  • 使用Go构建一个Postgres流平台
  • QT基础与细节理解
  • 【MySQL数据库】 六
  • 微信总提示空间不足怎么办?三个方法随心选!
  • C语言每日一题(27)链表中倒数第k个结点
  • pdf转word
  • LeetCode热题100——二叉树
  • 【Linux】文件重定向以及一切皆文件
  • Go进阶之rpc和grpc
  • 润和软件HopeStage与奇安信网神终端安全管理系统、可信浏览器完成产品兼容性互认证
  • 模态对话框和非模态对话框
  • 【算法与数据结构】39、LeetCode组合总和
  • 行政大厅满意度调查内容
  • WordPress页脚配置备案号
  • 时间序列预测模型实战案例(十)(个人创新模型)通过堆叠CNN、GRU、LSTM实现多元预测和单元预测
  • 【有源码】基于uniapp的农场管理小程序springboot基于微信小程序的农场检测系统(源码 调试 lw 开题报告ppt)
  • 商城系统分布式下单
  • Java自学第5课:Java web开发环境概述,更换Eclipse版本
  • [网鼎杯 2020 青龙组]AreUSerialz
  • 使用Kotlin与Unirest库抓取音频文件的技术实践
  • gdb调试常用命令
  • CH11_重构API