uni-app vue2 通过vue/cli 脚手架安装sass
环境Node.js v16.18.0vue/cli 5.0.8uin-app 项目创建未用HBuilder创建为了方便在webstorm上开发我的项目是通过windows cmd指令创建。 参考我的创建Blog。vue2 uni-app 2.0.2在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) 微信小程序项目开发方案_webstorm运行uniapp项目_Lan.W的博客-CSDN博客而vue文件用的是webview渲染Webview是一个基于webkit的引擎可以解析DOM元素展示html页面的控件他和浏览器展示页面的原理是相同的所以可以把它当做浏览器看待。vue文件用的是webview渲染Webview是一个基于webkit的引擎可以解析DOM元素展示html页面的控件他和浏览器展示页面的原理是相同的所以可以把它当做浏览器看待。nvue是native vue的缩写是uni-app的一种渲染方式。是native vue的缩写是uni-app的一种渲染方式。https://blog.csdn.net/LlanyW/article/details/128983789?ops_request_misc%257B%2522request%255Fid%2522%253A%2522168006731316800226531521%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257Drequest_id168006731316800226531521biz_id0utm_mediumdistribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-128983789-null-null.blog_rank_defaultutm_termunispm1018.2226.3001.4450使用SCSS配置CSS背景无力吐槽搞了我好多好多天vue/cli 创建的支付宝小程序项目无法使用sass 使用lang‘scss’ 报错尝试过好几个版本都不好。使一直说版本问题各种试。还有说配置什么webpack.config.js增加scss配置,这个配置是vue3才需要。后面发现我的是vue2。先清理已经安装的不兼容的东东。npm uninstall node-sass sass-loader-安装sass注意这里是sass 不是node-sassnpm install sass1.60.0 --save-devnpm install sass-loader8.0.2 --save-devsass: ^1.60.0, sass-loader: ^8.0.2,补充知识less、scss/sassscss/sass是动态样式语言比css多出很多功能如变量、嵌套、运算,混入(Mixin)、继承、颜色处理函数等更方便阅读和维护。scss是sass升级版所以安装的时候选择sass即可style langscss //style .my { width: 100%; height: 400px; background-color: silver; /* 居中*/ display: flex; justify-content: center; align-items: center; margin: auto; } /styleless也是动态样式语言一样也比css多处很多功能如变量继承运算 函数 Less 既可以在客户端上运行也可在服务端运行 ( Node.js)。