1つは、vue-cliを知っている
1. scaffolding
vue-cli公式Webサイトの最新バージョンをインストールします：https : //cli.vuejs.org/zh/
現在のバージョン：v4.5.x
安装：npm install -g @vue/cli
2. vue scaffoldingを使用してプロジェクトを作成します
最初のコマンドライン
vue createプロジェクト名（文字で始まり、大文字にしないでください）Enter
デフォルト（自動インストール）
手動（推奨：手動インストール）
2番目：グラフィカルインターフェイスでvue uiを作成する
3.vue-cli4.5ディレクトリ構造
公共
のindex.html
-Entrance HTMLページのファイル-json静的リソース
SRC
資産：リソースファイル（フォント、アイコン、絵）」
コンポーネント：ストアパブリックコンポーネント
ルータ：ルートはファイル
ストアを：店舗vuex状態管理
ビュー：ストアページの
フィルタ：ストアフィルターファイル
ディレクティブ：命令にはカスタムフォルダー
がミックスインとして含まれています：組み込みメソッドの保存
utils：いくつかの一般的なパッケージングメソッド（jsファイル）を保存します
http：httpカプセル化されたインターフェイスリクエストを保存しました
App.vueルートコンポーネント
main.jsプロジェクト実装のインレットjs
.gitignore：git送信時にファイルを無視します
babel.config.js babel構成ファイル
.eslintrc.js EsLint構成ファイル（コード品質チェック構成）
package.jsonノード構成依存関係ファイル
README.MDプロジェクトの説明ドキュメント
vue.config.js構成Webpack環境
禁用Eslint代码检查：
4.プロジェクト開発前の環境準備
初期のスタイル
reset.css
適応環境：rem、vw、vh、flex
xxxrem = xxxpx / htmlルートフォントサイズ
例えば：
0.44rem = 44px / 100
pxからvw、remプラグイン：
@ moohng / postcss-px2vw
npmアドレス：https : //www.npmjs.com/package/@moohng/postcss-px2vw
インストール：
npm install @moohng/postcss-px2vw --save-dev
svgアイコン：歪みなしでズームイン、CSSを介してスタイルを調整でき
ます1. svgコードを直接コピーします。欠点：コードの量が比較的大きい 2. img画像として直接扱う3. svgスプライト：svgスプライト
上記は、3つのフロントエンドフレームワークの主流フレームワークであるVueのスキャフォールディングのクイックインストールの完全なプロセスです。フロントエンドについての少しの知識がお役に立てば幸いです。
誰もがグループ交換グループ番号を追加することを歓迎します：954314851
