This article uses Hbuilder X The way

1、 Use Hbuilder X Create a new project , I usually use Default template

2、 Use Hbuilder X Import plug-ins , Plug-in address https://ext.dcloud.net.cn/plugin?id=1593

3、 introduce uView Lord JS library

In the project root directory main.js in , Introduce and use uView Of JS library , Note that these two lines should be placed in import Vue after .

import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

4、 In the introduction of uView Overall situation SCSS topic file

At the root of the project uni.scss To introduce this file .

/* uni.scss */
@import '@/uni_modules/uview-ui/theme.scss';

5、 introduce uView Basic style

stay App.vue The position of the first line in the... Is introduced , Pay attention to style Label to join lang="scss" attribute

<style lang="scss">
	/*  Pay attention to the first line , At the same time style Label to join lang="scss" attribute  */
	@import "@/uni_modules/uview-ui/index.scss";
</style>

6、 To configure easycom Component mode （ If you are through uni_modules Form introduction uView, This configuration can be ignored ）

// pages.json
{
	//  If you are through uni_modules Form introduction uView, This configuration can be ignored 
	"easycom": {
		"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
	},
	
	//  This is what we already have 
	"pages": [
		// ......
	]
}