前言

創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營銷、網(wǎng)站重做改版、潛江網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5建站、成都做商城網(wǎng)站、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為潛江等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

最近有一些人反饋說在面試過程中常常被問到weex相關(guān)的知識(shí)，也側(cè)面反映的weex的發(fā)展還是很可觀的，可是目前weex的開發(fā)者大多數(shù)是中小型公司或者個(gè)人，大公司屈指可數(shù)，揪其原因可能是基于weex的開發(fā)正確的姿勢(shì)大家并沒有找到，而且市面上的好多輪子還是.we后綴的，眾所周知，weex和vue一直在努力的進(jìn)行生態(tài)互通，而且weex實(shí)現(xiàn)web標(biāo)準(zhǔn)化是早晚的問題，今天和大家分享一下weex基于vue2.0的開發(fā)框架模板~

工作原理

先簡單熟悉一下weex的工作原理，這里引用一下weex官網(wǎng)上的一直圖片，詳細(xì)信息見官網(wǎng)

開發(fā)環(huán)境搭建

weex 開發(fā)環(huán)境搭建

關(guān)于weex開發(fā)環(huán)境搭建問題見官方文檔

android 、iOS 開發(fā)環(huán)境

關(guān)于native開發(fā)環(huán)境搭建問題見官方文檔

框架說明

基于vue2.0搭建

像前面說的那樣weex和vue一直在努力的進(jìn)行生態(tài)互通，而且weex實(shí)現(xiàn)web標(biāo)準(zhǔn)化是早晚的問題，所以也建議開發(fā)者不要在用.we做后綴來開發(fā)了

多頁模式（拋棄vue-router）

單頁形態(tài)對(duì)于原生可能體驗(yàn)不夠好，目前在 native App 里單頁模式不太合適

集成三端（android、ios、h6平臺(tái)）

關(guān)于android、ios、h6平臺(tái)的集成與打包問題，在項(xiàng)目中都以解決~

集成eslint代碼檢查

代碼檢查是必要的操作，為了能夠擁有vue開發(fā)的體驗(yàn)，將eslint集成進(jìn)來~

注：

由于weexpack暫不支持vue問題，打包相關(guān)后續(xù)會(huì)集成進(jìn)來~

框架介紹

package.json依賴

"dependencies": {
  "vue": "^2.1.8",
  "vue-router": "^2.1.1",
  "vuex": "^2.1.1",
  "vuex-router-sync": "^4.0.1",
  "weex-vue-render": "^0.1.4"
 },
 "devDependencies": {
  "babel-core": "^6.20.0",
  "babel-eslint": "^7.1.1",
  "babel-loader": "^6.2.9",
  "babel-preset-es2015": "^6.18.0",
  "css-loader": "^0.26.1",
  "eslint": "^3.15.0",
  "eslint-config-standard": "^6.2.1",
  "eslint-loader": "^1.6.1",
  "eslint-plugin-html": "^2.0.1",
  "eslint-plugin-promise": "^3.4.2",
  "eslint-plugin-standard": "^2.0.1",
  "postcss-cssnext": "^2.9.0",
  "serve": "^1.4.0",
  "vue-loader": "^10.0.2",
  "vue-template-compiler": "^2.1.8",
  "webpack": "^1.14.0",
  "weex-devtool": "^0.2.64",
  "weex-loader": "^0.4.1",
  "weex-vue-loader": "^0.2.5"
 }

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

標(biāo)題名稱：詳解Weex基于Vue2.0開發(fā)模板搭建-創(chuàng)新互聯(lián)
文章路徑：http://weahome.cn/article/ccshgh.html