Vue 学习17——项目实战（创建my-music项目）

目录

㋀㋊

✎ 项目实战

❶ 静态资源引入、项目初始化

◆ 百度网盘样式资料

◆ 项目初始化和环境搭建

❷ 将第一个组件引入到App.vue

◆ 复制百度网盘中最简单的vue模板【没有vue语法】header.vue

◆ header.vue添加到App.vue里面到

◆ 因为已经引入了static静态文件，此时我的音乐image效果图就显示出来了，如图所示：

◆ 把之前的vue自带的一些东西去掉

◆ 样式重置

---

✎ 项目实战

❶ 静态资源引入、项目初始化

◆ 百度网盘样式资料

   

music里面css样式等样式，直接取不需要再编写了！！百度网盘链接

◆ 项目初始化和环境搭建

▼ 创建my-music vue项目

>vue init webpack

Generate project incurrent directory? yes

A newer version of vue-cli is availabled.

.....

PS：除了路由是yes，别的都是no

▼ package.json 和 static 覆盖

将百度云的package.json覆盖新建项目的package.json，并且重新安装一下依赖包，进入项目文件夹执行npm install，static静态资源同理操作。

▼ npm run dev

将如果跑起来还是有问题，则将music百度网盘中node_modules依赖全部复制到新创建的项目中！

❷ 将第一个组件引入到App.vue

◆ 复制百度网盘中最简单的vue模板【没有vue语法】header.vue

◆ header.vue添加到App.vue里面到

◆ 因为已经引入了static静态文件，此时我的音乐image效果图就显示出来了，如图所示：

◆ 把之前的vue自带的一些东西去掉

   

◆ 样式重置

	
		
		
		
		
	
	
.....