创建前端项目

1.通过vue3-cli脚手架创建项目vue create music（项目名叫music）选择命令

 

 

2.现在src中已经配置了router和store文件夹，在views里新建HomeView.vue和AboutView.vue，再打开router文件夹配置路由

 

引入先HomeView.vue，再从APP.vue里展示

 

还有再看看main.js里

 

2.现在再从components里新建HomeView.vue中用得到的一些子组件：

topNav.vue

swiperCom.vue

musicList.vue

iconList.vue

然后再引入和展示

 

3.移动端各页面的适配工作，在public文件夹中新建js文件夹然后放入老师给的调好的rem配置文件

 

然后再从public文件夹中的index.html中引入（因为这是最后打包之后，会呈现的终点）

 <script src="<%= BASE_URL %>js/rem.js"></script>

一定放该文件最下面