vuecli を使用して vue2 プロジェクトを作成する

1. コマンド ライン ツールを開き、project という名前の新しい vue プロジェクトを作成します。

vue create project

2. elementUI コンポーネント ライブラリをインストールする

 npm i element-ui -S

3. main.js に elementUI コンポーネント ライブラリをグローバルに導入します

import Vue from 'vue';
import ElementUI from 'element-ui';                         //必须要引入
import 'element-ui/lib/theme-chalk/index.css';              //必须要引入
import App from './App.vue';

Vue.use(ElementUI);                                         //必须要引入

new Vue({
  el: '#app',
  render: h => h(App)
});

4. Sassのインストール後にCSSコードを開発すると便利です(バージョンはnode、vue、elementUIのバージョンと一致する必要があります)

npm i -D [email protected]  [email protected]  

5. vue ルーターをインストールします (vue 2 バージョンを使用して 3 をインストールしようとします。4 は互換性がありません)

npm install [email protected]  //这是我下载的版本

6. main.jsにルートを導入して登録する

7. ルーターフォルダーを自分で作成し、その下にルーターのルーティング情報を記述したindex.jsファイルを構築します

 

 

おすすめ

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