環境要求
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,裡面包含了多個第三業務的訂單詳情,但是不同的業務詳情頁面區別又很大,所以只能根據不同的業務 書寫不同的詳情元件,在根據業務 展示相應的元...