使用ElementUI元件步驟
1 第一步:初始化一個專案
vue init webpack-simple demo // 建立一個專案
cnpm install // 根據package.json檔案把相應的依賴都安裝上
cnpm install element-ui -S // 安裝element-ui元件庫 生成依賴
npm run dev // 可以執行一下
2 引入element-ui元件
注意:webpack-simple這個模板中預設是沒有style-loader模組的,所以還需要安裝此模組
cnpm install style-loader -D
同時還需要配置一下 webpack.config.js檔案 否則會報錯的
// 為字型檔案指定loader
{
test: /.(eot|svg|ttf|woff|woff2)$/,
loader: 'file-loader'
}
再執行 一切就都ok了
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/3549/viewspace-2818245/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- OpenFeign使用步驟
- Mongoose簡單使用步驟Go
- elementui使用UI
- Metal日記:使用步驟指南
- Angular 裡使用 FormControl 的步驟AngularORM
- laravel 使用guzzlehttp/guzzle 配置步驟LaravelHTTP
- Vue的step步驟條的使用Vue
- vnc使用教程,vnc使用教程的7個步驟VNC
- 安裝gulp步驟和使用方法
- 使用Java加密與解密實現步驟Java加密解密
- Angular 裡使用巢狀 Form 的步驟Angular巢狀ORM
- 操作步驟
- elementUI loading提示使用UI
- vnc使用教程,vnc使用教程的具體操作步驟VNC
- Flutter | 超詳細教你如何自定義一個 Stepper 步驟元件Flutter元件
- Ambari非root使用者安裝步驟
- oracle資料庫使用者建立步驟Oracle資料庫
- 使用smartBI製作電子表格的步驟
- Nacos 本地單機版部署步驟和使用
- vnc安裝步驟,vnc安裝步驟詳解VNC
- SSM整合步驟SSM
- 專案步驟
- AJAX 操作步驟
- 模擬步驟
- MHA搭建步驟
- vnc使用教程,10個步驟教你在Linux中使用VNCVNCLinux
- Virtualbox7安裝及使用詳細步驟
- 使用.NET Core建立Windows服務詳細步驟Windows
- CentOS下使用yum方式安裝percona xtrabackup步驟CentOS
- 使用CRM系統前四個準備步驟
- 安卓開發中RecycleView簡單使用步驟安卓View
- Vue+ElementUI建立全域性元件方法及呼叫VueUI元件
- xftp安裝步驟,xftp安裝的2大步驟FTP
- nginx快取使用詳解,nginx快取使用及配置步驟Nginx快取
- Nagios安裝步驟iOS
- 原生ajax的步驟?
- STF 安裝步驟
- anaconda安裝步驟