在vue2 x專案中怎麼引入Element UI

2022-03-30 00:42:03 字數 1083 閱讀 1788

參考:

element使用方法:

第一步:cmd進入專案目錄下,安裝

elementui

並儲存到

package.json

:$ npm install element-ui -s

npm install element-ui -s
有2個錯誤

解決方法:npm install                      如圖

再執行一次npm install element-ui -s     如圖

這個時候,專案(f:\peixun\testvueleaflet\test-e-leaflet3)的

package.json

檔案下的

dependencies

看到"element-ui": "^2.7.2"

第二步:在main.js入口檔案中引入

elementui

相關檔案

整體引入

import elementui from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

vue.use(elementui)

測試一下:

說明成功引入

vue3建立vue2 x專案

因為一些原因更新了node,再次安裝vue時,莫名的就vue3了。好吧,但是以前的專案還是vue2的,所以順便嘗試了下vue3建立vue2專案。首先是建立,以前是使用vue init建立,現在是vue create,然後在建立時,可以選擇2還是3 如果選擇3還有一些其它選項 比如是否安裝vue ro...

Vue2 x 快速入門例項專案

本專案是在使用vue cli生成的腳手架程式基礎上,綜合運用vue的各項特性開發的乙個快速入門例項專案。install vue cli npm install g vue cli init project vue init webpack my project entry into the file...

Vue2 x 專案踩坑筆記

給檔案設定路徑別名,方便在元件內引入檔案,不必寫太長的路徑名稱。全域性引入scss檔案,不必在單個元件內再次引入,可以直接使用。例如 全域性變數 px2rem函式等檔案 const path require path function resolve dir module.exports chain...