Vue第一周

Vue开发第一周

任务

开发一个包含歌手页面、搜索页面等等的音乐App。
由13个基础组件以及15个业务组件组成，使用线上接口。

知识点

MVVM框架： 本质是MVC的改进版，低耦合，可重用，独立开发，可测试。
ES6： 全称ECMAScript6.0，是JS的下一个版本标准。
Vue-cli： vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。
vue-cli是有Vue提供的一个官方cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成vue.js+webpack的项目模板，是为现代前端工作流提供了 batteries-included。

Vue-cli安装和创建项目

首先安装webpack

1 | npm install webpack -g或者（npm install -g webpack）

webpack 4.X 开始，需要安装 webpack-cli 依赖,使用命令 npm install webpack webpack-cli -g，也可以在查看版本号时会自动提醒

查看webpack的版本号，使用webpack -v

输入提示命令进行更新npm

安装vue-cli

2 | npm install -g @vue/cli  //yarn global add @vue/cli

安装完成后，输入vue -V（大写V）查看版本号

关于npm的安装配置，以及Vue的项目创建及目录结构


运行成功之后，界面如下：

创建项目后的目录结构：