過去傳統的前端開發是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計算屬性）