uniapp使用vue-cli新建项目并打包的步骤
作者：小曲曲
这篇文章主要介绍了uniapp使用vue-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
到此这篇关于uniapp使用vue-cli新建项目并打包的文章就介绍到这了,更多相关uniapp新建项目打包内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！