Vue腳手架
用于快速生成 Vue 項(xiàng)目基礎(chǔ)架構(gòu)，官網(wǎng)瓶埋。
通過(guò)npm安裝 vue-cli：
npm i -g @vue/cli
創(chuàng)建項(xiàng)目的方式：
- 基于 交互命令行 的方式創(chuàng)建新版 vue 項(xiàng)目：
vue create my-projectmy-project 為項(xiàng)目名稱 - 基于 圖形化界面 的方式創(chuàng)建新版 vue 項(xiàng)目：
vue ui
推薦使用第二種方式伺通，以下為第二種方式的相關(guān)配置：
根目錄下新建 vue.config.js 文件：
module.exports = {
devServer: {
//自動(dòng)打開(kāi)瀏覽器
open:true,
port:8888
}
}
運(yùn)行 npm run serve 查看效果。
Element-UI 的基本使用
一套為開(kāi)發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue2.0 的桌面端組件庫(kù)晾浴，官網(wǎng)溉躲。
1.基于命令行方式手動(dòng)安裝
1.安裝依賴包
npm i element-ui -S
2.在 main.js 文件中導(dǎo)入 Element-UI 相關(guān)資源
//導(dǎo)入組件庫(kù)
import ElementUI from 'element-ui';
//導(dǎo)入組件相關(guān)樣式
import 'element-ui/lib/theme-chalk/index.css';
//配置 Vue 插件
Vue.use(ElementUI);
2.基于圖形化界面自動(dòng)安裝
1.運(yùn)行
vue ui命令榜田，打開(kāi)圖形化界面
2.通過(guò) Vue項(xiàng)目管理器，進(jìn)入集體的項(xiàng)目配置面板
3.點(diǎn)擊 插件 -> 添加插件锻梳，進(jìn)入插件查詢面板
4.搜索vue-cli-plugin-element并安裝
5.配置插件箭券，實(shí)現(xiàn)按需導(dǎo)入，從而減少打包后項(xiàng)目的體積
注意：
下載好插件后配置疑枯，右側(cè) fully import 應(yīng)改成 import on demand（按需導(dǎo)入）辩块。
