從0開始搭建vue移動端

2021-09-24 04:35:07 字數 2563 閱讀 9925

建立專案

// 全域性安裝vue-cli

npm install -g vue-cli

// 建立專案

vue init webpack vue-demo

如果出現vue』 不是內部或外部命令,也不是可執行的程式 或批處理檔案

在main.js中引入flexible.js檔案

// flexible.js

!function

(a,b)

var d,e=a.document,f=e.documentelement,g=e.

queryselector

('meta[name="viewport"]'

),h=e.

queryselector

('meta[name="flexible"]'

),i=

0,j=

0,k=b.flexible||

(b.flexible=);

if(g)

else

if(h)}if

(!i&&

!j)if

(f.setattribute

("data-dpr"

,i),

!g)if

(g=e.

createelement

("meta"

),g.

setattribute

("name"

,"viewport"

),g.

setattribute

("content"

,"initial-scale="

+j+", maximum-scale="

+j+", minimum-scale="

+j+", user-scalable=no"

),f.firstelementchild)f.firstelementchild.

(g);

else

a.addeventlistener

("resize"

,function()

,!1)

,a.addeventlistener

("pageshow"

,function

(a),!1

),"complete"

===e.readystate?e.body.style.fontsize=

12*i+

"px"

:e.addeventlistener

("domcontentloaded"

,function()

,!1)

,c()

,k.dpr=a.dpr=i,k.refreshrem=c,k.

rem2px

=function

(a),k.

px2rem

=function

(a)}

(window,window.lib||

(window.lib=))

;

// main.js

import

'../flexible.js'

npm i postcss-flexible

修改webpack.base.conf.js檔案

// webpack.base.conf.js

'use strict'

const path =

require

('path'

)const utils =

require

('./utils'

)const config =

require

('../config'

)const vueloaderconfig =

require

('./vue-loader.conf'

)const webpack =

require

('webpack'

)function

resolve

(dir)

module.exports =

, output:

, resolve:},

module:,,

},},

}]},

node:

,// 使用postcss-flexible外掛程式

plugins:

[new

webpack.loaderoptionsplugin()

]}})

]}

使用
// 編譯前

.selector

// 編譯後

.selector

[data-dpr="1"] .selector

[data-dpr="2"] .selector

[data-dpr="3"] .selector

vue專案從0開始記錄

1 安裝vue cli 2 通過腳手架進行專案的建立 4 配置第三方ui庫快速開發 如ivew,element ui 5 配置axios 庫 一 安裝vue cli npm install g vue cli 或yarn global add vue cli 安裝完成cmd vue v檢視版本 建立...

從0開始搭建基礎後台框架

很多人會想tp5後台的通用框架很多,為何還要自己去造輪子呢,用著不香嗎?我想說的是不香,每乙個框架的ui包括裡面的外掛程式呢,引用的都不是很全面,有的過於臃腫,有的過於簡單,反正不滿意,那麼我就只能自己動手造了,這個框架呢,目的就是為了以後公司開發產品方便,方便自己去動手做一些自己喜歡的東西 框架採...

從0開始搭建自己的部落格

docker run p 23308 3306 name mysql5 restart always v c dev software mysql master5 conf etc mysql conf.d v c dev software mysql master5 logs var logs v...