ゼロからVueの建築プロジェクト（3） - 一般的なプラグイン

package.json、内のテンプレートダイレクトプルは次のとおりです。

{
   "名"： "vuecli2テスト" 、
   "バージョン"： "1.0.0" 、
   "説明"： "Vue.jsプロジェクト" 、
   "著者"： "XX <[email protected]>" 、
  「プライベート"：真、
   "スクリプト" ：{
     "DEV"： "のWebPACK-devのサーバー--inline --progress --config"/ webpack.dev.conf.jsを構築し、
    起動""： "NPMの実行DEV" 、
     "ビルド"： "ノードビルド/ build.js" 
  }、
   "依存性" ：{
     "VUE"： "^ 2.5.2" 、
     "VUE-ルーター"："^ 3.0.1" 
  }、
   "devDependencies" ：{
     "autoprefixer"： "^ 7.1.2" 、
     "バベルコア"： "^ 6.22.1"、
     "バベルヘルパー-VUE-JSX-マージ小道具"： "^ 2.0.3" 、
     "バベル・ローダー"： "^ 7.1.1" 、
     "バベル・プラグイン構文JSX"：「^ 6.18.0 " "バベル・プラグイン・変換・ランタイム"： "^ 6.22.0" 、
     "バベル・プラグイン・変換・VUE-JSX"： "^ 3.5.0" 、
     "バベル・プリセット-ENV"：" ^ 1.3。 2" 、
     "バベル・プリセット・ステージ2"： "^ 6.22.0" 、
     "チョーク"： "^ 2.0.1" 、
     "コピーのWebPACK・プラグイン"： "^ 4.0.1" 、
    「CSS-ローダ"： "^ 0.28.0" 、
     "-テキストのWebPACK-プラグインを抽出"： "^ 3.0.0" 、
     "ファイル・ローダー"： "^ 1.1.4" 、
     "フレンドリー・エラー-のWebPACK-プラグイン"： "^ 1.6.1" 、
    "HTML-のWebPACK・プラグイン"： "^ 2.30.1" 、
     "ノード通知"： "^ 5.1.2" 、
     "最適化-CSS-資産-のWebPACK-プラグイン"： "^ 3.2.0" 、
     "ORA" ： "^ 1.2.0" 、
     "portfinder"： "^ 1.0.13" 、
     "postcssインポート"： "^ 11.0.0" 、
     "postcssローダー"： "^ 2.0.8" 、
     "postcss-URL" ： "^ 7.2.1" 、
     "rimraf"： "^ 2.6.0" 、
     "semver"： "^ 5.3.0" 、
     "shelljs"： "^ 0.7.6" 、
     "uglifyjs-のWebPACK-プラグイン"："^ 1.1.1" 、
     "URL-ローダー"： "^ 0.5.8" 、
     "VUE-ローダー"： "^ 13.3.0" 、
     "VUEスタイル-ローダー"： "^ 3.0.1" 、
    "VUEのテンプレートコンパイラ"： "^ 2.5.2" 、
     "WebPACKの"： "^ 3.6.0" 、
     "WebPACKのバンドル・アナライザ"： "^ 2.9.0" 、
     "WebPACKの-devのサーバー"： " ^ 2.9.1" 、
     "WebPACKのマージ"： "^ 4.1.0" 
  }、
   "エンジン" ：{
     "ノード"： "> = 6.0.0" 、
     "NPM"： "> = 3.0.0" 
  }、
   "browserslist" [
     "> 1％" 、
     "最後の2つのバージョン" 、
     "ではない、すなわち<= 8" 
  ] 
}

コードの表示

第二に、または他の一般的に使用される文書プラグイン：

1. UIプラグイン

　　 element-ui: pc端

　　 iview: pc端

　　 antd ：PC端末ところでアリデザインのプロ、すなわち、フロントエンドの項目のボックスと反応

　　 VUX ：移動端

　　 UI-Vant ：移動端

　　 UI-ミント：移動端

2. CSS

　　少ない + -lessローダー：CSS言語を前処理

　　サス：成熟し、安定した、強力な拡張言語のCSS

3.アイコン

　　素晴らしいフォント：サイズ、色、影、そしてあなたはCSSを使用することができます任意のスタイルをカスタマイズすることができるスケーラブルなベクトルのアイコンを提供します。

　　 IconFont ：アリ母MUXベクトルアイコン管理、通信プラットフォーム、非プラグインを作成します。

4. VUEファミリー1つのバケットの状態管理、インストールに必要な

　　 vuex ：ステータスマネージャ。

5.リクエスト

　　Axiosは：HTTPライブラリの約束に基づいて、あなたは、ブラウザとのNode.jsを使用することができます。

6.チャート作成ツール

　　図表-E ：オープンソースのJavaScript実装と視覚的なライブラリは、PCやモバイルデバイス上でスムーズに実行することができ、現在のブラウザのほとんどと互換性があります。

　　チャート-V：VUE +電子チャートベースのグラフツールは、電子チャートを使用する必要があります。

7.暗号化

　　MD5-JS / MD5：MD5暗号化されました。

　　jsencrypt / jsencrypt-RSA：RSA暗号化は、ファイル暗号化MD5を暗号化するために使用されます。

8.地図

　　AMAP-VUE：高道徳的VUE 2.xの持つ地図ベースのコンポーネント

　　bvuemap：Baiduのマップの開発ドキュメント

9.アニメーション

　　-VUEを起動します：親指のアニメーション効果

　　リップル-VUEをタッチ：水滴の影響をクリックします

　　hover.css：アニメーションの上にマウス

　　アニメーション：アニメーションを

　　TweenMaxは：コアプラグgreensockアニメーションプラットフォームであり、greensockが使用されているすべての主要なブラウザで高性能HTML5のアニメーションを作成するためのツールのセットです。

10.その他のプラグイン

　　nProgress：プログレスバー

　　フルスクリーン-VUE：フルスクリーンコンポーネント

　　ビューア-V ：要素-UI 2.11.0は、大きな画像プレビューを実現した、画像のプレビューをクリックすると拡大します。

　　-中国域要素データ：中国住所

　　市-VUE：電話端末領域選択

　　クリップボード：クリップボード

　　ビデオプレーヤー-VUE / VUE-ビデオ：ビデオプレーヤー

　　VUE-検証ポップ検証プロンプトバブルを挿入します。

　　-VUEをドラッグ：ドラッグ

　　怠惰-V ：レイジーロード