建立專案
// 全域性安裝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...