4、vueJs基础知识04

简单的目录结构:
　　|-index.html
　　|-main.js 入口文件
　　|-App.vue vue文件，官方推荐命名法
　　|-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（生产依赖）

4、vueJs基础知识04

原文：https://www.cnblogs.com/gopark/p/11027278.html