1. プロジェクトを作成する必要があるフォルダーを開きます
2. このフォルダー内のコマンド ライン ツールを開きます (方法の 1 つは次のとおりです)。
プロジェクトを作成する前に、使用されているスキャフォールディングのバージョンを必ず確認してください (この構築プロジェクトは最大でも vue-cli3 にのみ適用されます)
使用コマンド: ①npm uninstall -g @vue/cli ②npm install -g @vue/[email protected] ③vue -V
3. npm create プロジェクト名を使用します (npm create new-package)
4. vue-cli プロンプトと独自のニーズに従ってプロジェクトの作成を完了します。
5. 開発ツールを使用してプロジェクトを開きます (このプロジェクトは、以下に示すように vscode を使用します)。
6. スタイル補助依存関係ツール sass をインストールします (sass-loader、node-sass、style-loader)。
①npm install sass-loader node-sass style-loader --save --dev (バージョン管理が必要なので、単体でインストールしないようにしてください)
②npm install (ネットワークやその他の理由で一部の依存関係が完全にインストールされていないことを確認するため)
7. element-ui をインストールします
①npm i 要素-ui -S
②main.js に 2 行のコードを挿入します(以下に示すように)。
'element-ui' から ElementUI をインポートします。import 'element-ui/lib/theme-chalk/index.css';