快速上手

本章节将介绍如何在项目中安装使用

开发环境

1、下载最新的 Hbuilder X 正式版 开发者工具。
2、通过 uni_modules 的形式进行安装，此安装方式可以方便您后续在 uni_modules 对组件库进行一键升级。

安装地址

温馨提示

在uni-app插件市场右上角选择 “ 下载插件并导入HBuilderX ”，导入到对应项目中即可。

插件地址：ucs-css 原子化样式

uni-ucs-design
	├─ pages
	├─ static
	├─ uni_modules
	│  ├─ ucs-config				# 依赖插件				
	│  └─ ucs-css					# 原子化样式库			
	├─ App.uvue / App.vue			# 引入 ucs-css 样式		
	├─ index.html
	├─ main.uts / main.js
	├─ index.html
	├─ manifest.json
	├─ pages.json
	└─ uni.scss

引入样式

在 App.vue 中引入 ucs-css 样式文件

特别注意

style 标签上需要添加 lang="scss"

<style lang="scss">
	@import "uni_modules/ucs-css";
</style>