这是我第一次使用vant上手前端开发,最开始都不知道装哪些东西。
1.首先第一步安装node.js,最好选择版本较低的比较稳定,安装过程比较简单傻瓜式安装
[https://nodejs.org/en/](https://nodejs.org/en/)
2.下载开发工具:HBuilderX,需要注意一点解压出来把路径改一下,最好如图所示
[https://www.dcloud.io/](https://www.dcloud.io/)

image.png
3.安装Vue CLI 脚手架
https://cli.vuejs.org/zh/guide/installation.html
只用执行一条命令:
npm install -g @vue/cli
4.新建项目

image.png
5.解释项目架构:

image.png

解释

效果图

运行命令
6.要先下载内置终端:工具——>插件安装

image.png
7.运行

image.png
或者手动启动如下图

image.png
8.理解vue标签
https://cn.vuejs.org/v2/guide/instance.html
9.理解vue颜色样式设置
https://element.eleme.cn/#/zh-CN/component/button