vue 搭建项目与json数据调用

一、安装node环境
　　1、下载地址为：https://nodejs.org/en/
　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功　　
二、搭建vue环境
　　1、全局安装 vue-cli
　　　　 npm install --globav vue-cli
　　2、进入项目目录，创建一个基于webpack 模板的新项目：
　　　　 vue init webpack projectname (projectname 是你的项目名称)
　　　　说明：
　　　　 Project name:——项目名称
　　　　 Project description:——项目描述
　　　　 Author:——作者
　　　　vue build ——构建模式，一般默认选择第一种;打包方式。回车
　　　　 Install vue-router —— 是不安装引入 vue-router, 这里选是；vue-router是路由组件，
　　　　 Use ESLint to lint your code?:——这里强烈建议选no 否则你会非常痛苦，eslint的格式验证非常严格，多一个空格少一个空格都会报错，所以对于新手来说，一般不建议开启，会加大开发难度
　　　　 Set up unit tests 以及Setup e2e tests with Nightwatch这两个是测试，可以不用安装
　　　　一般第一个选 yes 后面全是no
　　3、起动
　　　　 cd projectname(你项目名称)
　　　　 npm run dev，启动项目

三、主要文件夹介绍

1、build: 脚本目录
1）build.js —— 生产环境构建脚本；
2）check-versions.js —— 检查npm，node.js版本；
3）utils.js —— 构建相关工具方法；
4）vue-loader.conf.js —— 配置了css加载器以及编译css之后自动添加前缀；
5）w