一、准备工作

1、初始化项目

cmd管理员身份运行如下命令：

vue init webpack myApp   //创建项目名为myApp(webpack模板)

cd myApp

cnpm install

cnpm install less less-loader -D

cnpm install vuex axios -S

npm run dev

2、项目资源

reset.css（清除浏览器默认样式）

data.json（数据文件）

 

3、创建目录结构

首先清除项目中的部分内容：

删除assets文件夹及其包含的文件

删除components文件夹下的Hello.vue组件（注意要删除引用了Hello.vue组件的代码：a) 删除router文件夹下index.js中的import  Hello from '@/components/Hello'  ）