環(huán)境要求

Nodejs

Nodejs

官網(wǎng)下載地址：http://nodejs.cn/download/具體安裝參考其他資料

打開cmd命令行，輸入npm -v，如果出現(xiàn)如下圖的顯示，說明已經(jīng)安裝正確。

如果安裝版本比較老，想升級(jí)新版本

npm install npm -g

安裝 webpack

安裝webpack

npm install webpack -g

-g 表示安裝為全局

安裝 vue-cli

安裝 vue 腳手架項(xiàng)目初始化工具 vue-cli

npm install vue-cli -g

淘寶鏡像

npm使用的國外中央倉庫，下載速度較慢，有的時(shí)候還會(huì)有部分文件被墻掉。

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

建議使用淘寶鏡像，安裝完淘寶鏡像以后可以使用 cnpm 代替 npm。例如webpack可使用如下命令：cnpm install webpack -g .

創(chuàng)建Vue項(xiàng)目

vue init webpack +項(xiàng)目名稱

運(yùn)行vue

npm run dev

訪問localhost:8080

引入ElementUI

打開項(xiàng)目 srcmain.js 添加

import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)

package.json文件中添加

"element-ui": "^2.4.9"

重新npm install

測(cè)試是否安裝完成在App.vue中隨意添加elementUI標(biāo)簽 如：

data() {return {input: ''}}

保存后，打開網(wǎng)頁顯示出input即成功

最后

以下是總結(jié)出來最全前端框架視頻，包含： javascript/vue/react/angualrde/express/koa/webpack 等學(xué)習(xí)資料。

【領(lǐng)取方式】

關(guān)注頭條 前端全棧架構(gòu)丶第一時(shí)間獲取最新前端資訊學(xué)習(xí)

手機(jī)用戶可私信關(guān)鍵詞 【前端】即可獲取全棧工程師路線和學(xué)習(xí)資料！

總結(jié)

以上是生活随笔為你收集整理的elementui table某一列是否显示_Vue项目引进ElementUI组件的方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。