hbuilderx如何导入样式_HBuilderX使用Vant组件库

HBuilderX使用Vant组件库

HBuilderX是一款由国人开发的开发工具，其官网称其为轻如编辑器、强如IDE的合体版本。但是官方的社区中关于Vant组件的安装大多都是针对微信小程序开发安装Vant Weapp，鄙人尝试了各种方法，经历各种错误后终于成功安装vant组件库，在这里分享一下使用HBuilderX进行vue.js开发时安装Vant组件库的经验，使用的版本为2019.08.10更新的2.2.0版本。

本篇所有操作建立在操作系统为windows且已经成功安装配置node.js的基础上。

一、建立uni-app新项目

二、在终端打开项目目录

可以直接在HBuilderX中直接右击项目名称选择‘使用命令行窗口打开目录’，之后会提示插件【内置终端】未安装，选择确定来安装内置终端插件,之后便可以通过内置终端打开对应项目目录，当然也可以直接在windows终端中打开对应目录

之后我将使用内置终端进行操作.

三、初始化项目创建package.json

在终端中执行

npm init

之后会让你填写一些如项目名称、版本号之类的项目介绍，如果不知道或者不想填就一路回车。

四、安装Vant组件库

打开有赞vant的官方文档