文章目录一、安装方式二、Hbuilder X方式2.1 安装2.2 引入配置一、安装方式两种安装方式Hbuilder X方式NPM方式二、Hbuilder X方式如果您是使用使用Hbuilder X开发的用户您可以在uni-app插件市场通过uni_modules的形式进行安装此安装方式可以方便您后续在uni_modules对uView进行一键升级。2.1 安装①工具-----插件安装②需要登录QQ邮箱先登录再进行下载③选择需要导入uview插件的项目2.2 引入配置①插件市场--------安装SCSS插件uView依赖SCSS您必须要安装此插件否则无法正常运行。如果您的项目是由HBuilder X创建的相信已经安装scss插件如果没有请在HX菜单的工具-插件安装中找到scss/sass编译插件进行安装 如不生效重启HX即可。如果您的项目是由vue-cli创建的请通过以下命令安装对sass(scss)的支持如果已安装请略过。// 安装sassnpm i sass-D// 安装sass-loadernpm i sass-loader-D已安装的插件 在 工具----插件市场看到没有安装SCSS的话点击去插件市场安装②引入uView主JS库在项目根目录中的main.js中引入并使用uView的JS库注意这两行要放在import Vue之后// main.jsimportuViewfrom /uni_modules/uview-uiVue.use(uView)③在引入uView的全局SCSS主题文件在项目根目录的uni.scss中引入此文件。/* uni.scss */import/uni_modules/uview-ui/theme.scss;④** 引入uView基础样式**注意在App.vue中首行的位置引入注意给style标签加入langscss属性style langscss/* 注意要写在第一行同时给style标签加入langscss属性 */import/uni_modules/uview-ui/index.scss;/style
文章目录一、安装方式二、Hbuilder X方式2.1 安装2.2 引入配置一、安装方式两种安装方式Hbuilder X方式NPM方式二、Hbuilder X方式如果您是使用使用Hbuilder X开发的用户您可以在uni-app插件市场通过uni_modules的形式进行安装此安装方式可以方便您后续在uni_modules对uView进行一键升级。2.1 安装①工具-----插件安装②需要登录QQ邮箱先登录再进行下载③选择需要导入uview插件的项目2.2 引入配置①插件市场--------安装SCSS插件uView依赖SCSS您必须要安装此插件否则无法正常运行。如果您的项目是由HBuilder X创建的相信已经安装scss插件如果没有请在HX菜单的工具-插件安装中找到scss/sass编译插件进行安装 如不生效重启HX即可。如果您的项目是由vue-cli创建的请通过以下命令安装对sass(scss)的支持如果已安装请略过。// 安装sassnpm i sass-D// 安装sass-loadernpm i sass-loader-D已安装的插件 在 工具----插件市场看到没有安装SCSS的话点击去插件市场安装②引入uView主JS库在项目根目录中的main.js中引入并使用uView的JS库注意这两行要放在import Vue之后// main.jsimportuViewfrom /uni_modules/uview-uiVue.use(uView)③在引入uView的全局SCSS主题文件在项目根目录的uni.scss中引入此文件。/* uni.scss */import/uni_modules/uview-ui/theme.scss;④** 引入uView基础样式**注意在App.vue中首行的位置引入注意给style标签加入langscss属性style langscss/* 注意要写在第一行同时给style标签加入langscss属性 */import/uni_modules/uview-ui/index.scss;/style
