這是我第一次使用vant上手前端開發(fā),最開始都不知道裝哪些東西。
1.首先第一步安裝node.js,最好選擇版本較低的比較穩(wěn)定,安裝過程比較簡單傻瓜式安裝
[https://nodejs.org/en/](https://nodejs.org/en/)
2.下載開發(fā)工具:HBuilderX,需要注意一點解壓出來把路徑改一下,最好如圖所示
[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.新建項目

image.png
5.解釋項目架構(gòu):

image.png

解釋

效果圖

運行命令
6.要先下載內(nèi)置終端:工具——>插件安裝

image.png
7.運行

image.png
或者手動啟動如下圖

image.png
8.理解vue標簽
https://cn.vuejs.org/v2/guide/instance.html
9.理解vue顏色樣式設(shè)置
https://element.eleme.cn/#/zh-CN/component/button