过去传统的前端开发是jsp+jquery，而现在前端短短几年时间，技术已经发生了天翻地覆的变化
工具类：npm 以及package.json文件，这是一个标准的npm说明文件，里面蕴含了丰富的信息，包括当前项目的依赖模块，自定义的脚本任务等等。
vue-cli： 是用来生产vue项目的命令行工具
babel-cli：Babel提供babel-cli工具，用于命令行转码。
babel: Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码
webpack： 模块打包机，webpack需要使用npm安装在项目里面 [https://segmentfault.com/a/1190000006178770?utm_source=tag-newest] .
编译方式1:（纠正一下文章里编译的语法node_modules/.bin/webpack app/main.js -o public/bundle.js）
方式2: 添加webpack.config.js 这个webpack的配置文件
方式3: 在package.json 里面scripts start 配置为webpack
那为什么要打包呢？把多个文件打到同一个js文件里面，应该是为了压缩文件大小，减少传输耗时
webpack-dev-server 还提供了本地开发的服务器环境，这个服务器基于nodejs实现。需要配置devserver
Babel: 一个编译js的平台 , 也是作为webpack的一个loader
css：下面这些是CSS预处理器：Sass 和 Less 之类的预处理器是对原生CSS的拓展
css-loader:
style-loader:
less laoder:
cass-loader:
编译工具：
各个框架的文件目录结构有什么约定吗？
前端
vue: 模块化开发少不了angular，react，vue三选一，这里选择了vue。vuex: 状态管理sass: css预编译器。element-ui：不造轮子，有现成的优秀的vue组件库当然要用起来。没有的自己再封装一些就可以了。loadsh：工具类
服务端
框架
uniapp：跨端框架，一处编写代码，在各个端运行
语法：
page 对象
学习基本功： es6， less，sass ，
进阶：各类框架，比如vue，mpvue
vuejs：基础知识（https://www.runoob.com/vue2/vue-component.html）节点、虚拟节点、渲染函数render（放在Vue.component内部）、component组件是什么, 构造函数（el，data，methods,computed计算属性）