vue的单文件组件项目构建

1、构建一个最简单的vue项目

npm install --global vue-cli
vue init webpack my-project
cd my-project
npm run dev

2、初始目录说明 目录结构

a、build项目webpack配置文件
b、config是本地和线上环境配置文件
c、node_modules扩展依赖文件
d、src才是开发目录
e、static是静态资源目录
f、根目录下的单文件.babelrc针对babel编译、浏览器配置等配置不需要更改
g、index.html是整个项目挂载点
i、src\main.js整个项目的入口文件在这里创建一个vue的实例,定义项目挂载点

教程地址：
vue-cli的简介与使用