移动商城基础必备

最新推荐文章于 2022-11-21 23:15:20 发布

桐木也

最新推荐文章于 2022-11-21 23:15:20 发布

阅读量340

点赞数

文章标签： 1024程序员节

本文链接：https://blog.youkuaiyun.com/u011388098/article/details/109210131

版权

本文档详细介绍了移动端商城的基础构建，包括mui和MintUI的导入，css预处理器的配置，axios与vue-router的安装， vant和better-scroll的使用。此外，还涉及到样式设计如渐变背景、边框和点击事件，以及解决build错误的方法，最后提到了Vue环境的搭建和相关插件的安装。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、插件
0、下载https://github.com/dcloudio/mui
dist和example文件夹
css:icons-extra.css mui.css mui.min.css
fonts:mui.tff mui-icons-extra.ttf
js:mui.js mui.min.js

import ‘./lib/mui/css/mui.css’
import ‘./lib/mui/css/icons-extra.css’

1、npm install mint-ui@2.2
// 导入MintUI组件库
import MintUI from ‘mint-ui’
import ‘mint-ui/lib/style.css’

// 注册mint-ui
Vue.use(MintUI)

2、安装css的预处理器：
（1）npm install sass-loader@8.0 -D
（2）npm install node-sass@4.13 -D
安装node-sass报错python问题：
npm uninstall node-sass
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
（3）npm install sass@^1.3.0 -D
（4）npm install fibers@>=3.1.0 -D

3、安装从后台数据库取值组件
npm i axios@0.19
npm install --save axios

4、重装vue-router
npm uninstall vue-router
n