這是我第一次使用vant上手前端開(kāi)發(fā)蚌讼，最開(kāi)始都不知道裝哪些東西宣鄙。
1.首先第一步安裝node.js,最好選擇版本較低的比較穩(wěn)定彤避，安裝過(guò)程比較簡(jiǎn)單傻瓜式安裝
[https://nodejs.org/en/](https://nodejs.org/en/)
2.下載開(kāi)發(fā)工具：HBuilderX，需要注意一點(diǎn)解壓出來(lái)把路徑改一下，最好如圖所示
[https://www.dcloud.io/](https://www.dcloud.io/)
image.png
3.安裝Vue CLI 腳手架
https://cli.vuejs.org/zh/guide/installation.html
只用執(zhí)行一條命令：
npm install -g @vue/cli
4.新建項(xiàng)目
image.png
5.解釋項(xiàng)目架構(gòu)：
image.png
解釋
效果圖
運(yùn)行命令
6.要先下載內(nèi)置終端：工具——>插件安裝
image.png
7.運(yùn)行
image.png
或者手動(dòng)啟動(dòng)如下圖
image.png
8.理解vue標(biāo)簽
https://cn.vuejs.org/v2/guide/instance.html
9.理解vue顏色樣式設(shè)置
https://element.eleme.cn/#/zh-CN/component/button
