实验一、准备商城实战项目
【实验内容】
本实验主要是完成电商实战项目的前期准备工作。
【实验目的】
1、学习如何创建规范的项目目录结构;
2、熟悉获取和解压资源包所需要的工具;
3、掌握下载项目所需要资源包的方法;
4、熟悉如何配置项目的公共css样式;
【实验步骤】
步骤1 创建项目目录结构;
步骤2 安装项目所需要的工具;
步骤3 下载项目所需要的资源包并解压;
步骤4 配置项目的公共css样式;
步骤1 创建项目目录结构
如下图:
步骤2 安装项目所需要的工具
点击编辑器左侧目录选择Terminal->New Terminal,在终端执行命令。
yum install wget yum install unzip
分别安装下载文件的工具wget和解压缩工具unzip。
步骤3下载项目所需要的资源包并解压
点击右侧工具栏的资源包,复制所需要的资源包的链接 执行命令。
wget 资源包的路径
下载对应的资源包后执行命令。
unzip 对应的文件名
解压资源包到根目录中,如下图:
步骤4 配置项目的公共css样式
body { padding: 0; margin: 0; /* 这是字体大小及字体风格 */ font: 12px/1.5 Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, 5FAE8F6F96C59ED1, tahoma, simsun, 5b8b4f53; font-weight: 500; overflow-x: hidden; } a { /* 这是一个设置超链接的下划线为空的办法,text-decoration让文本修饰为none,就可以将下划线去掉 */ text-decoration: none; }