了解vue，腳手架 元件化開發

框架：繁瑣操作自動化，通用流程規範化

bootstrap 是乙個前端元件庫，html & css

vue 元件：模板、指令碼、樣式

// 建立工程方式一

// 建立工程方式二
vue ui
// 進入工程目錄
// 啟動工程
npm run serve
// 構建、打包工程
npm run build
// 其他（安裝依賴或外掛程式）
npm add vuex
vue add vuex/router/element/...
// 安裝 node_modules 模組，再啟動
npminstall

現代：state、getters、mutations、actions、modules

什麼是路由？

檢視（多個元件【view】） /資源（資料【data】） 與uri形成的一組對映

1. vue add router

2. new router(
)3. 定義一組路由規則 routes
4. router-link / router-view
5.

權衡之處

使用伺服器端渲染 (ssr) 時還需要有一些權衡之處：

視覺化開發腳手架

1.視覺化工具越來越多的成為標配，針對web開發，各種框架都有自己的視覺化搭建工具 2.依賴web操控 展示 通訊的行業會越來越多，為傳統行業提供快速搭建的功能 3.大資料時代，除資料視覺化，其它各方面的視覺化需求也會增多 1.腳手架只做基礎的布局控制與介面展現 2.編輯 可視哪些元素由開發者提供，...

視覺化開發腳手架

1.視覺化工具越來越多的成為標配，針對web開發，各種框架都有自己的視覺化搭建工具 2.依賴web操控 展示 通訊的行業會越來越多，為傳統行業提供快速搭建的功能 3.大資料時代，除資料視覺化，其它各方面的視覺化需求也會增多 1.腳手架只做基礎的布局控制與介面展現 2.編輯 可視哪些元素由開發者提供，...

搭建Vue腳手架

從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴，走你 cd my project npm install npm r...