1、?安裝 Node.js 和 npm
確保安裝了 Node.js 和 npm。可以通過 Node.js 官網 下載。
2、 創建 Vue 項目
安裝cli
npm? install -g @vue/cli
使用 Vue CLI 創建一個新的 Vue 項目。
vue? create? admin-system
cd admin-system
npm run serve
出現這個頁面表示vue創建成功
安裝 Element UI
npm install element-ui --save
配置 Element UI
在?main.js?中引入 Element UI：
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
?
Vue.use(ElementUI)
?
npm run serve
?
使用 Element UI 組件
在 Vue 組件中使用 Element UI 組件。例如，在?App.vue?中添加一個按鈕：
<template><div id="app"><el-button type="primary">這是一個 Element UI 按鈕</el-button></div> </template>
重啟 npm run serve?
3、項目的典型結構
admin-system
├── public/
├── src/
│ ? ├── assets/
│ ? ├── components/
│ ? ├── views/
│ ? ├── router/
│ ? ├── store/
│ ? ├── App.vue
│ ? └── main.js
└── package.json
)