四、vueJs基础知识04

简单的目录结构:
　　|-index.html
　　|-main.js 　　入口文件
　　|-App.vue　　 vue文件，官方推荐命名法（首字母大写）

　　|-components      组件存放的文件夹
　　|-package.json 　　工程文件(项目依赖、名称、配置)
　　　　　　　　　　　npm init --yes 生成
　　|-webpack.config.js　　 webpack配置文件

ES6: 模块化开发
　　导出模块：
　　　　export default {}
　　引入模块:
　　　　import 模块名 from 地址
--------------------------------------------
webpak准备工做:
　　cnpm install webpack --save-dev （不带服务器）
　　cnpm install webpack-dev-server --save-dev （带服务器）

　　App.vue -> 变成正常代码 vue-loader@8.5.4
　　cnpm install vue-loader@8.5.4 --save-dev

　　cnpm install vue-html-loader --save-dev

　　vue-html-loader、css-loader、vue-style-loader（行内的css样式）、
　　vue-hot-reload-api@1.3.2（组件内的js）

　　babel-loader
　　babel-core（核心语法）
　　babel-plugin-transform-runtime
　　babel-preset-es2015
　　babel-runtime

　　最最核心：
　　　　vue下载
　　　　生产依赖和开发依赖是经过下载的命名区分的 --save-dev（开发依赖）

　　　　　　　　　　　　　　　　　　　　　　　　 --save（生产依赖）