asp.net 安裝element ui_Vue+Element環境搭建

環境搭建

Node.js

Node.js是一個事件驅動I/O服務端JavaScript環境，基于Google的V8引擎，V8引擎執行Javascript的速度非常快，性能非常好, Node.js 就是運作在服務端的 JavaScript。

node -vv12.16.1           

NPM

NPM是随同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題;

npm -v6.13.4           

國内使用者建議采用cnpm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org           

VUE

Vue.js(讀音 /vjuː/, 類似于 view) 是一套建構使用者界面的漸進式架構。

Vue 隻關注視圖層， 采用自底向上增量開發的設計。

Vue 的目标是通過盡可能簡單的 API 實作響應的資料綁定群組合的視圖元件。

#安裝vue腳手架cnpm install -g @vue/cli#安裝完成後檢視版本>vue [email protected]/cli 4.2.3# 錯誤處理#先解除安裝再安裝：npm uninstall vue —Scnpm install vue -S#缺什麼安裝什麼cnpm install  [email protected]^2.5.16 -S           

Element

Element,一套為開發者、設計師和産品經理準備的基于 Vue 2.0 的桌面端元件庫.

#安裝cnpm i element-ui -S           

vue驗證

驗證環境

vue create moke-admin#項目建立完成$ cd moke-admin$ npm run serve           

驗證

Element驗證

//引入 mian.jsimport ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';//使用Vue.use(ElementUI);           

驗證

預設按鈕主要按鈕成功按鈕資訊按鈕警告按鈕危險按鈕

感謝閱讀,歡迎交流!