1、初始化项目：
命令：F:\VUEworkspace>vue init webpack demo-project
2、创建好的项目目录结构：
其中：
build—项目构建(webpack)相关代码
| 文件 | 说明 |
|---|---|
| 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 | 项目配置文件 |
| prod.env.js | 生成环境变量 |
node_modules—npm加载的项目依赖模块
src—开发目录，包含assets(放置图片)，components(组件文件夹)，app.vue(项目入口文件)，main.js(项目核心文件)
| 文件 | 说明 |
|---|---|
| assets | 资源目录，防止一些图片或公共js、公共css，这里的资源会被webpack构建 |
| components | 组件目录，我们写的组件就放在这个目录 |
| router | 前端路由，我们需要配置的路由路径写在index.js里 |
| App.vue | 根组件 |
| main.js | 入口js文件 |
static—静态资源目录
test—初始测试目录，可以删除
index.html—首页入口文件，可以添加一些meta信息等
package.json—项目配置文件
.xxxx文件—一些配置文件，包括语法配置，git配置等
README.md—项目说明文档，为markdown格式
3、启动：
命令：F:\VUEworkspace\demo-project>npm run dev