1.启动命令
npm start //在项目的根目录
2.540 error
替换项目中 node_modules 或者 直接删除node_modules 通过网络下载更新 命令: npm install
3.项目url地址
前台会员地址
http://localhost:3000/m/index.html
账号 itcast
密码 111111
后台地址
http://localhost:3000/a/login.html
账号 root
密码 123456
4.项目目录创建
5.引入我们的mui
6.搭建项目骨架 index.html
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="assets/mui/css/mui.min.css">
<link rel="stylesheet" href="css/base.css">
<script src="assets/mui/js/mui.min.js"></script>
<header class="mui-bar mui-bar-nav my-header">
<h1 class="mui-title">乐淘云购</h1>
<a class="mui-icon mui-icon-search mui-pull-right"></a>
</header>
<nav class="mui-bar mui-bar-tab my-footer">
<a class="mui-tab-item mui-active" href="index.html">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item" href="category.html">
<span class="mui-icon mui-icon-bars"></span>
<span class="mui-tab-label">分类</span>
</a>
<a class="mui-tab-item" href="cart.html">
<span class="mui-icon iconfont icon-daohanggouwuche"></span>
<span class="mui-tab-label">购物车</span>
</a>
<a class="mui-tab-item" href="user.html">
<span class="mui-icon mui-icon-person"></span>
<span class="mui-tab-label">会员中心</span>
</a>
</nav>
<div class="mui-content">
</div>
7.实现首页轮播图
<!-- 轮播图 -->
<div class="mui-slider">
<div class="mui-slider-group">
<div class="mui-slider-item">
<a href="#">
<img src="images/banner1.png" />
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/banner2.png" />
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/banner3.png" />
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="images/banner4.png" />
</a>
</div>
<div class="mui-slider-item">