2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

weex 的介紹 weex學(xué)習(xí)地址

• Weex 是一套簡(jiǎn)單易用的跨平臺(tái)開(kāi)發(fā)方案，能以 web 的開(kāi)發(fā)體驗(yàn)構(gòu)建高性能、可擴(kuò)展的 native 應(yīng)用，為了做到這些，Weex 與 Vue 合作，使用 Vue 作為上層框架，并遵循 W3C 標(biāo)準(zhǔn)實(shí)現(xiàn)了統(tǒng)一的 JSEngine 和 DOM API，這樣一來(lái)，你甚至可以使用其他框架驅(qū)動(dòng) Weex，打造三端一致的 native 應(yīng)用

weex的環(huán)境搭建

• 安裝node，版本>6.0
• 全局安裝 weex腳手架

cnpm 或者 npm install -g weex-toolkitweex -v查看版本號(hào)

• 創(chuàng)建項(xiàng)目名稱 weex create +"項(xiàng)目名稱"

weex create helloword

• 起動(dòng)項(xiàng)目

cd helloword cnpm 或者 cnpm install npm run dev & npm run serve(同時(shí)打開(kāi))

• Weex Playground 生成二維碼
• 先下載到官網(wǎng)下載 Playground
• 選擇安卓還是ios apk
• 安裝到手機(jī)上（電腦和手機(jī)一定要在同一網(wǎng)絡(luò)下）
• 安裝 cnpm install weex-devtool --save
• 使用方法toolkit
• 實(shí)時(shí)預(yù)覽

weex-toolkit 支持預(yù)覽你當(dāng)前開(kāi)發(fā)的weex頁(yè)面(.we或者.vue)，你只需要指定預(yù)覽的文件路徑即可： weex src/foo.vue

• 瀏覽器會(huì)自動(dòng)彈出頁(yè)面，這個(gè)時(shí)候你可以看到你所編輯的 Weex頁(yè)面的具體效果和頁(yè)面布局。如果你使用 Playground 掃描右邊的二維碼，就能夠看到 Weex 在 Android/IOS 設(shè)備上的效果了。
• 如果你需要預(yù)覽整個(gè)項(xiàng)目目錄，你可以輸入這樣的命令:

weex src --entry src/foo.vue 你需要在傳入的參數(shù)指定預(yù)覽的目錄和入口文件。

轉(zhuǎn)載于:https://my.oschina.net/yongxinke/blog/1595121

總結(jié)

以上是生活随笔為你收集整理的前端那些事之weex的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。