操作步骤
1. 导入uni-ui插件
打开网址：ext.dcloud.net.cn/plugin?id=5… ，使用 uni_modules方式 安装到你的项目中
2. 在项目的根目录的uni.scss文件引入变量文件
@import '@/uni_modules/uni-scss/variables.scss';
3. 在app.vue 文件 中引入
<style lang='scss'> @import './uni_modules/uni-scss';</style>
4. 导入成功之后，就可以很方便的使用 uni 开头的类名 布局了
请注意，很多人直接复制官方代码，发现报错
import 的时候，路径不要用@/uni_modules/uni-scss (会报错)
要用 ./uni_modules/uni-scss
17:05:44.457 (node:2708) UnhandledPromiseRejectionWarning: Error: Cannot find module 'F:/app/wufu/study/uni_modules/uni-scss' from 'F:\app\wufu\study\App.vue'
17:05:44.457 at Function.resolveSync [as sync] (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\resolve\lib\sync.js:111:15)
17:05:44.457 at resolveWithSymlinks (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\@dcloudio\uni-cli-shared\dist\resolve.js:20:30)
17:05:44.457 at requireResolve (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\@dcloudio\uni-cli-shared\dist\resolve.js:16:12)
17:05:44.473 at Context.customResolver (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\@dcloudio\vite-plugin-uni\dist\config\resolve.js:11:88)
17:05:44.473 at Context.resolveId (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:2636:54)
17:05:44.473 at Object.resolveId (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:39229:55)
17:05:44.473 at Object.<anonymous> (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:61542:43)
17:05:44.488 at Object.internalImporter (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:37965:19)
17:05:44.488 at JavaScriptObject.apply$2 (E:\HBuilder\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:23739:23)
17:05:44.488 at Object.apply$2$x (E:\HBuilder\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:9149:43)
17:05:44.488 (node:2708) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)
17:05:44.504 (node:2708) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
17:05:44.504 (node:2708) UnhandledPromiseRejectionWarning: Error: Cannot find module 'F:/app/wufu/study/uni_modules/uni-scss' from 'F:\app\wufu\study\App.vue'
17:05:44.504 at Function.resolveSync [as sync] (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\resolve\lib\sync.js:111:15)
17:05:44.504 at resolveWithSymlinks (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\@dcloudio\uni-cli-shared\dist\resolve.js:20:30)
17:05:44.504 at requireResolve (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\@dcloudio\uni-cli-shared\dist\resolve.js:16:12)
17:05:44.504 at Context.customResolver (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\@dcloudio\vite-plugin-uni\dist\config\resolve.js:11:88)
17:05:44.520 at Context.resolveId (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:2636:54)
17:05:44.520 at Object.resolveId (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:39229:55)
17:05:44.520 at Object.<anonymous> (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:61542:43)
17:05:44.520 at Object.internalImporter (E:\HBuilder\plugins\uniapp-cli-vite\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:37965:19)
17:05:44.520 at JavaScriptObject.apply$2 (E:\HBuilder\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:23739:23)
17:05:44.520 at Object.apply$2$x (E:\HBuilder\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:9149:43)
17:05:44.520 (node:2708) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 4)
