Vant快速上手

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容