この記事は以下のリンクから再生されます。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
免責事項:この記事はブロガーのオリジナルの記事、再現され、ボーエンのリンクを添付してください!