vue-cli3 を使用して vue プロジェクトをビルドし、作業で使用される基本的な依存関係をインストールします。

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';

 

おすすめ

転載: blog.csdn.net/weixin_44191318/article/details/123259906