Vant快速上手

這是我第一次使用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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容