一、HBuilderX新建uniapp项目,默认模板
若是vue-cli创建的项目,要安装以下依赖
npm i sass -D
npm i sass-loader -D
二、打开插件市场,使用HBuilderX导入插件uview2
https://ext.dcloud.net.cn/plugin?id=1593
三、修改main.js
代码最底部插入
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
四、修改uni.scss
代码最底部插入
@import '@/uni_modules/uview-ui/theme.scss';
五、修改App.vue
代码最底部插入
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import "@/uni_modules/uview-ui/index.scss";
</style>
六、修改pages.json
插入easycom,与pages平级
"easycom": {
"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
},