<pre>
本篇內(nèi)容：
從Vue1到Vue2
基礎(chǔ)知識
</pre>
1、從Vue1到Vue2
首先，先解決上一章出現(xiàn)的坑。官網(wǎng)是提供解決方案的有效途徑，既然不能用前端的開發(fā)模式在sublime編輯，那就選擇回歸weex官方教程的懷抱吧。在上一章已經(jīng)搭建了weex的環(huán)境，直接開始創(chuàng)建weex工程。
初始化 Weex 項(xiàng)目
<pre>weex init weexProject</pre>
彈出提示輸入項(xiàng)目名稱，輸入weexProject，目錄中就創(chuàng)建了一個使用 Weex 和 Vue 的模板項(xiàng)目。先cd到weexProject根目錄下，看一下有那些文件生成吧：
weex項(xiàng)目目錄.jpg
打開每個文件，看一下里面的內(nèi)容，猜測作用，這是我學(xué)習(xí)的過程。??有兩個重要的文件package.json和webpack.config.js，先介紹下package.json。
packageJson.jpg
- 上面的一部分是項(xiàng)目相關(guān)信息
- scripts節(jié)點(diǎn)是已經(jīng)配置好了幾個常用的 npm script（npm將在下一章節(jié)詳細(xì)討論）
- dependencies節(jié)點(diǎn)是項(xiàng)目發(fā)布的依賴
- devDependencies 節(jié)點(diǎn)是項(xiàng)目開發(fā)工具
開發(fā)
- 通過 npm install 安裝項(xiàng)目依賴
- 運(yùn)行 npm run dev 和 npm run serve 開啟watch 模式和靜態(tài)服務(wù)器
- 打開瀏覽器，進(jìn)入 http://localhost:8080/index.html 即可看到 weex h5 頁面。
- 在第一章已經(jīng)介紹WeexPlayground，掃描二維碼，調(diào)試。
至此，從Vue1順利轉(zhuǎn)移到Vue2。
基礎(chǔ)知識
后面的學(xué)習(xí)，我一邊了解基于iOS的WeexSDK，一邊熟悉Vue基礎(chǔ)，當(dāng)然這些知識需要自己去充實(shí)，了解，在此貼上鏈接。
- weex教程環(huán)境搭建，SDK集成，工具介紹等
- weex手冊此部分需要學(xué)習(xí)weex支持的通用樣式、通用事件、flex布局、內(nèi)建組件、內(nèi)建模塊等；另一方面了解SDK中APIs以及降級方案。這個鏈接要天天看，時(shí)時(shí)看，畢竟這是官方文檔
- JavaScript當(dāng)然JavaScript基礎(chǔ)也是很重要，如何引入開源庫，如何接收數(shù)據(jù)，如何高效處理CSS，都離不了JavaScript基礎(chǔ)
- CSS手冊這塊只是稍微了解下，畢竟Weex支持的少的可憐，目前開發(fā)中就遇到此問題
- CSS手冊
- flex布局相當(dāng)重要，布局核心
- weex社區(qū)坑太多，沒事多逛逛
- Vue英文
- Vue中文
下一章，開始了解Weex工程、webPack、npm、ESLint、Devtools等。
