Vue專案引進ElementUI元件的方法

2021-09-12 12:33:39 字數 2084 閱讀 8819

環境要求

nodejs

nodejs

開啟cmd命令列,輸入npm -v,如果出現如下圖的顯示,說明已經安裝正確。

如果安裝版本比較老,想公升級新版本

npm install npm -g

安裝 webpack

安裝webpack

npm install webpack -g

-g 表示安裝為全域性

安裝 vue-cli

安裝 vue 腳手架專案初始化工具 vue-cli

**映象

建議使用**映象,安裝完**映象以後可以使用 cnpm 代替 npm。例如webpack可使用如下命令:

cnpm install webpack -g .

建立vue專案

vue init webpack +專案名稱

執行vue

訪問localhost:8080

引入elementui

開啟專案 src\main.js 新增

package.json檔案中新增

重新npm install

測試是否安裝完成

data() 

}

儲存後,開啟網頁顯示出input即成功

最後

為了幫助大家讓學習變得輕鬆、高效,給大家免費分享一大批資料,幫助大家在成為全棧工程師,乃至架構師的路上披荊斬棘。在這裡給大家推薦乙個前端全棧學習交流圈:866109386當真正開始學習的時候難免不知道從哪入手,導致效率低下影響繼續學習的信心。

但最重要的是不知道哪些技術需要重點掌握,學習時頻繁踩坑,最終浪費大量時間,所以有有效資源還是很有必要的。

最後祝福所有遇到瓶疾且不知道怎麼辦的前端程式設計師們,祝福大家在往後的工作與面試中一切順利。

Vue專案檢視當前使用的elementUI版本

在我們引入elementui的時候,一般是兩種方式 npm安裝或者在script直接引入 當然,在script直接引入的時候,我們也可以通過直接指定版本的方式,達到鎖定版本的效果。直接引入是從外網引入,每次載入都是讀取外部 我們大部分開發者可能使用的是npm安裝的方式,採用這種方式引入的時候,ele...

Vue 在Vue中快速使用ElementUI

最近使用vue,順道使用elementui,在vue專案中音容elementui的方法 idea開啟termianl,在vue專案中使用npm安裝 1.安裝 npm install element ui s2.引入 1 整體引入 在專案的main.js中寫入 import elementui fro...

vue中動態引進元件 動態引進js模組檔案

1 在.vue檔案中動態引進元件 2 在.vue檔案中動態引進js模組檔案 一 動態引進元件 動態引進元件原因 在實際業務中,比如訂單詳情頁面detail.vue,裡面包含了多個第三業務的訂單詳情,但是不同的業務詳情頁面區別又很大,所以只能根據不同的業務 書寫不同的詳情元件,在根據業務 展示相應的元...