uniapp+uview搭建环境详细步骤
时间: 2023-10-10 07:10:03 浏览: 174
uni-app+uview+vuex+分包环境搭建
搭建 uniapp+uview 的开发环境需要以下步骤:
1. 安装 Node.js
下载并安装 Node.js,可以在官网 https://nodejs.org/en/ 上选择适合自己系统的版本进行下载并安装。
2. 安装 HBuilderX
下载并安装 HBuilderX,可以在官网 https://www.dcloud.io/hbuilderx.html 上选择适合自己系统的版本进行下载并安装。
3. 创建 uniapp 项目
打开 HBuilderX,点击新建项目 -> uni-app -> uni-app 项目,选择项目路径、名称等信息,点击创建。
4. 安装 uview-ui
打开终端或命令行工具,在项目根目录下执行以下命令:
```
npm install uview-ui
```
5. 引入 uview-ui
在 App.vue 中引入 uview-ui:
```
<style>
/* 引入 uview 样式 */
@import "uview-ui/index.scss";
</style>
<script>
/* 引入 uview 主题配置文件 */
import theme from '@/uview-ui/theme';
export default {
mixins: [],
onLaunch() {
// 设置 uview 主题配置
this.$u.vu.setTheme(theme);
}
};
</script>
```
6. 运行项目
在 HBuilderX 中点击运行按钮即可运行项目。
以上就是 uniapp+uview 搭建环境的详细步骤。
阅读全文