HBuilder X安装配置uview记录

🧩uview是什么？如下官方解释：

🧩第一步：打开官方文档去看安装说明，两种方式，这边选择第二种npm安装

 官网有这样子的提示：

// 如果您的项目是HX创建的，根目录又没有package.json文件的话，请先执行如下命令：
// npm init -y（不能少，获取那个node_modules包文件必备）
// 安装
npm install uview-ui
// 更新
npm update uview-ui

🧩第二步：我们先用HX创建一个项目，下图是创建好的目录，可以看到根目录下没有package.json文件，所以这时我们需要打开终端，一开始点击运行到终端会有一个提示：本项目下未包含package.json文件，所以我们可以先运行到内置浏览器，点击新建一个终端标签卡，打开终端

 

🧩第三步：现在开始输入npm命令：npm init -y，执行结束会多出一个package.json

 

🧩第四步，执行npm install uview-ui命令，结束会看到多了一个node_modules文件 

安装完成下一步就是配置，选择npm方式安装的配置

🧩第五步：配置，步骤官方图如下：

（1）引入uView主JS库

 （2）在引入uView的全局SCSS主题文件

（3）引入uView基础样式

（4）配置easycom组件模式，配置完成重启一下HX

重启完成之后验证一下uview是否引入并且配置成功，去复制组件里面的代码粘贴运行看看

 

 按钮能够成功显示，就代表没问题了！！

确实很简单，但是还是想要记录一下！！！