VUE-CLI3の+のvant +プロジェクトをビルドするvantRemの適応方式

この記事は以下のリンクから再生されます。https://blog.csdn.net/qq_37942845/article/details/90444784

1、インストールVUE-CLI3足場は、-CLIをVUEする公式サイトを知りません

VUE @ NPM / CLIのインストール-g
プロジェクトVUE-CLI3によって作成された2を、

VUEは、私のプロジェクトの作成
:作成プロセスを多くのオプション、私の一般的なオプションがあります

 

簡単な紹介:

A、バベルは:トランスコーディングツール、それは、あなたが持っている必要がありますと幸せになれるes2015コードよりも多くを持っています!

B、ルータ:単一ページへのフロントエンドルート、基本不可欠

C、Vuex:複雑なプロジェクトのためのVUEの状態管理が非常に少ない労力

D、eslint:コードの仕様、それはよく、またはしない場合があり、チームのために、それを使用するのが最適です 

>>>次:

 

履歴ルーティングモードかどうか、これは我々はまた、nはせずに、自分のルーティングファイルを変更することができ、すべてを知っています 

>>>次:

 

CSSの前処理は、SASSの私自身の使用のために、個々のニーズを見て

>>>次:

 

唯一のエラーeslint、1、2、Aribnb仕様; 3、Standar仕様; 4、造園。

間違ったオプション3は何もありません

>>>次:

 

eslintはまだ保存時にエラーをコミットgitのための時間ですか?もちろん、時間が保存されます

>>>次:

 

[OK]:別のファイルを生成するかどうか

>>>次:

 

これらの、つまり、次が直接使用することができ、将来のプロジェクトとして事前に設定されている[OK]

>>>次:

 

これらの構成は、から名前を与えます:

>>>次は:自動的に依存関係をインストール、あなたが完了している公式ビルドVUE-CLI3をもたらし、待つことができ、以下のvant UIをインストール

3、インストールvant

CLIのプロジェクト、プロジェクトディレクトリにcdにポイントをインストールした後、vantインストール

Vant -S NPMをインストールする
。4、搭載バベル・プラグインインポートプラグ(要求負荷)

#インストールプラグ
NPMのIバベル-プラグインのインポート-Dは
、ファイルをbabel.config.js:

// babel7ユーザーがbabel.config.jsを設定することができるため
module.exportsは= {
プリセット:[
'@のVUE /アプリ'
]、
プラグイン:[
[ 'インポート'、{
LIBRARYNAME 'Vant'、
libraryDirectory。 、「ES」
スタイル:真へ
}、「Vant」]
]
};
//その後Vantコードアセンブリ内に直接導入することができる
//コードのプラグが自動的に双方向の形で要求に組み込まれる
インポート{ボタン}から'Vant';
。5、VantのREMの適応は2つのプラグインをインストールする必要があります

postcss-pxtoremはpostcssはレムにユニットをプラグで  
LIB-REM基準値設定のための柔軟な
postcss-pxtoremました:

NPM postcss-pxtorem --save-devのインストール
LIB-柔軟性:

NPM I -S amfe-柔軟
その後:main.js amfe、柔軟な導入

インポート「amfe-柔軟/ index.js」
ファイルpostcss.config.js内

//変更前:
module.exportsは= {
プラグイン:{
}
}

//変性
module.exportsは= {
プラグイン:{
'autoprefixer':{
ブラウザ:[ 'アンドロイド> = 4.0'、 'IOSの> = 7。']
} 、
'postcss-pxtorem':{
rootValue:37.5、
propList:[ '*']
}
}
}
6、プロジェクトを再起動します。

NPMサーブRUN
ヒント:1,375px即ち、幅の100%、書き込み処理のPX REM自動的に、REMは、治療されたくない場合は、PXを書き込むために使用されてもよいです。
---------------------
著者:スカイ勝subsemigroupsの
出典:CSDN
オリジナルます。https://blog.csdn.net/qq_37942845/article/details/90444784
免責事項:この記事はブロガーのオリジナルの記事、再現され、ボーエンのリンクを添付してください!

おすすめ

転載: www.cnblogs.com/qifan/p/11246701.html