build // 编译配置文件，一般不用管|-build.js|-check-versions.js|-logo.png|-utils.js|-vue-loader.conf.js|-webpack.base.conf.js|-webpack.dev.conf.js|-webpack.prod.conf.js|-webpack.test.conf.js
config  // 项目基本设置文件夹|-dev.env.js    // 开发配置文件|-index.js // 配置主文件|-prod.env.js   // 编译配置文件
node_modules    // 项目依赖包文件夹
src // 我们的项目的源码编写文件|-assets // 初始项目资源目录，回头删掉|-components // 组件目录|-HelloWorld.vue // 测试组件|-router // 路由配置文件夹|-index.js    // 路由配置文件|-App.vue  // APP入口文件|-main.js // 主配置文件
static  // 资源放置目录
index.html  // 项目入口文件
package.json    // 项目依赖包配置文件

src|-api   // 接口调用工具文件夹|-index.js  // 接口调用工具|-components   // 组件文件夹，目前为空|-config    // 项目配置文件夹|-index.js    // 项目配置文件|-frame    // 子路由文件夹|-frame.vue    // 默认子路由文件|-pages   // 我们的页面组件文件夹|-Index.vue|-Content.vue   |-router    // 路由配置文件夹|-index.js    // 路由配置文件|-style    // scss 样式存放目录|-base    // 基础样式存放目录|-scss   // 页面样式文件夹|-style.scss  // 主样式文件|-utils // 常用工具文件夹|-App.vue // APP入口文件|-main.js // 项目配置文件

static|-css   // 放一些第三方的样式文件|-font    // 放字体图标文件|-images  // 放图片文件，如果是复杂项目，可以在这里面再分门别类|-js  // 放一些第三方的JS文件，如 jquery

<template><div id="app"><router-view></router-view></div>
</template><script>
export default {name: 'app'
}
</script><style lang="scss">@import "./style/style";  <!--在这里我们直接导入主样式文件-->
</style>    

cnpm install sass-loader -D
cnpm install node-sass -D

<template><div>index page</div>
</template>

<template>
<div>content page</div>
</template>

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'Vue.use(Router)export default new Router({routes: [{path: '/',name: 'HelloWorld',component: HelloWorld}]
})

import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/pages/Index'
import Content from '@/pages/Content'Vue.use(Router)export default new Router({routes: [{path: '/',component: Index},{path: '/Content/:id',component: Content}]
})

cnpm run dev