1. 安装vue
npm install vue -g
2. 安装vue-cli脚手架
npm install vue-cli -g
3. 安装webpack
npm install webpack -g
4 cd[/d][X:]进某个路径，存放我们要建的项目，否则会默认路径建项目
vue init webpack "项目名称"
5 等项目初始化完以后cd进所在的目录
cd '项目所在文件夹'
6 npm run dev运行项目
文件构成详解
第一部分： build构建脚本目录
build.js ===》 生产环境构建脚本
check-versions.js ===》 检查npm node.js脚本
utils.js ===》 构建相关工具方法
vue-loader.conf.js ===》配置了css加载器以及编译之后css自动添加前缀
webpack.base.conf.js ===》webpack基本配置
webpack.dev.conf.js ===》 webpack开发环境配置
webpack.prod.conf.js ===》 webpack生产环境配置
第二部分： config 项目配置
dev.env.js ===》 开发环境变量
index.js ===》项目配置文件 （可在此处配置targetPath等）
prod.js ===》 生产环境变量
第三部分 node_modules： npm加载的项目依赖模块
第四部分 src 这里是开发目录，里面包含了很多目录及文件
assets ===》资源目录，放置一些图片或者公共js 公共css，这里的资源会被webpack构建
components ===》组件目录，项目的组件就在这个目录下
router ===》 前端路由，路由路径就写在这里面
App.vue ===》 根组件，一切的源头
main.js ===》 入口js文件
static：静态资源目录
index.html：首页文件入口，可添加一些meta信息
packge.json：npm包配置文件，定义了项目的npm脚本以及依赖包插件等信息
README.md：项目的说明文档