STYLUS 第7页

vue中webpack编译打包使用之Vue知识点归纳(十一)

例如jsx（类xml语法，增强js语义，结构清晰抽象程度高，诞生了跨平台reactnative代码模块化）scss,stylus,less预

早起的年轻人·2020-09-15 10:48

stylus-sass-less 预编译语言webpack配置

Stylus配置npmisntallstylusstylus-loader--save-dev{test:/\.styl$/,loader:'style-loader!css-loader!

Shan_yuan·2020-09-15 07:45

解决vscode 格式化代码后stylus样式自动加上了标点的问题

解决vscode格式化代码后stylus样式自动加上了标点先在拓展商店里下载安装language-stylus然后在setting.json中设置如下代码（新版vscode找不到setting.json

三夏之雪·2020-09-14 19:16

解决Vue中"This dependency was not found"的方法

/router'import'common/stylus/index.styl'/*eslint-disableno-new*/newVu

weixin_30595035·2020-09-14 09:33

搭建自己的脚手架—“优雅”生成前端工程

我平时工作会做移动端H5多一些，所以我通过webpack搭建了自己的前端工程（x-build），主要是编译stylus、jade、es6，自适应解决方案，还有一些自己写的一些插件。

weixin_34124939·2020-09-13 23:20

推荐一款优秀的前端编译工具：Prepros

Prepros支持的编译格式有很多种，包括Sass、Less、Stylus等，我比较习惯于使用Sass，因此本篇以编译Sass为例，详细为大家介绍一下这款工具。

chongfeng2994·2020-09-13 21:07

在vue项目中使用stylus

前提条件是已经有了vue项目，如果没有，请先建立，具体方法看这里https://cn.vuejs.org/v2/guide/installation.html安装stylus好了，建立好项目后我们来安装

shooke·2020-09-13 16:10

初学stylus的坑（2）

如果提示类型不对，可以用'%s%s'%(@width@height)这样的写法7calc当有参数计算的时候，也需要写成字符串，例如width'calc(%s-%s)'%($width@margin)8stylus

Lisa11321·2020-09-13 14:01

stylus之其余参数(Rest Params)

其余参数(RestParams)其余参数：Stylus支持name…形式的其余参数。这些参数可以消化传递给混写或函数的参数们。

tian361zyc·2020-09-13 13:15

rem自适应原理--vue如何自己利用stylus写rem自适应移动端

首先index.htmlrem//获取屏幕宽度(viewport)lethtmlWidth=document.documentElement.clientWidth||document.body.clientWidth;console.log(htmlWidth);//获取htmlDomlethtmlDom=document.getElementsByTagName('html')[0];//设置

qq_42750608·2020-09-13 12:07

在vue项目中stylus的安装及使用

Stylus是一个CSS预处理器。

anmi7832·2020-09-13 11:30

stylus语法中将一个或多个变量传入calc等方法中

如果是传入一个变量需要安装下面这种形式传参即可headHeight=50px/*stylus语法中定义一个变量*/height'calc(100%-%s)'%headHeight如果再stylus语法中直接使用是没有问题的

诗水人间·2020-09-13 10:14

vue中引入icomoon彩色图标，stylus文件

5.在iconmoon中preferences选择Stylus。FontName可以用于下载后的文件名称。ClassPrefix是之后每个图标都拥有的统一前缀。6.点击d

Gesj-yean·2020-09-13 08:10

VSCode开发vue便捷的插件

Vetur语法错误检查，包括CSS/SCSS/LESS/Javascript/TypeScript语法高亮，包括html/jade/pugcss/sass/scss/less/stylusjs/tsemmet

CrazyDuang·2020-09-13 07:32

精品网站集合

webgl_animation_cloth1、react-router-dom(react-router4.0)https://reacttraining.com/react-router/web/guides/philosophy1、Stylus

whitegay·2020-09-13 03:29

(./node_modules/[email protected]@css-loader/dist/cjs.js!./node_modules/[email protected]@vue-loade

{test:/\.stylus$/,use:['vue-style-loader','css-loader','stylus-loader',//这个放到最后就没有上面的错误了{loader:'postcss-loader

seamull·2020-09-13 00:58

colorhighlighter使用（sublime text3）

它还为你显示包含颜色值的LESS,Sass,和Stylus变量。它是一个帮助您更直观处理颜色的插件。相信我绝对比colorPicker好用！！

babybk·2020-09-12 22:09

使用stylus、less或者sass如何使用样式穿透

stylus的样式穿透使用>>>.wrapper>>>.swiper-pagination-bullet-activebackground:#fffsass和less

ZQD1997·2020-09-12 22:44

Vue项目前期准备

技术栈：Axios:使用Ajax进行异步数据获取；VueRouter:多页面之间的路由；Vuex:各个组件之间的共享；异步组件：代码上线性能更优；Stylus:编写前端样式；递归组件：组件自身调用自身；

你谁啊你·2020-09-12 11:30

nodejs+vue实现登录界面功能（一）

技术选型：nodejs+vue+stylus界面效果：切换登录方式手机合法检查倒计时效果切换显示或隐藏密码前台验证提示前后台交互功能动态一次性图形验证码动态一次性短信验证码短信登录密码登录获取用户信息，

apzlm9110·2020-09-12 02:55

vue项目中stylus引入时报错解决

我在引入时遇到下面的问题编译报错：Thisdependencywasnotfound:*!!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-rewriter?{"id":"data-v-6c96342b","scoped":false,"

Corey_Mxd·2020-09-11 13:36

在VUE的项目中使用字体图标以及Stylus

字体图标可以从阿里巴巴的矢量图标库里下载:https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.4&type=1比方说我需要一个搜索图标，可以把其先添加到购物车在项目里可以把添加过去的icon下载下来下载下来的压缩包解压出来有这么多文件:其中有用的就这一些：打开VUE工程的\src\assets\styles目

weixin_33694172·2020-09-11 13:16

div中使用背景图片

topmargin-top:6pxwidth:30pxheight:32pxmargin-right:9pxbg-image('logo')background-size:30px32px这里获取背景图片的方法使用的是stylus

tjzc1352640·2020-09-11 10:16

vue 移动端音乐(1) 页面骨架开发

qq_22317389·2020-09-11 09:31

【WEB】vue2.0开发音乐播放器

vueinitwebpackvue-music注：vue脚手架可以帮我们初始化webpack的配置初始化后目录如下：//所有开发是基于修改src的文件api:用来放跟后端请求相关common：通用的静态资源（fonts／image／js/stylus

WHUZXQ·2020-09-11 07:54

vue-cli css配置

คุณหล่อมากๆ·2020-09-10 21:17

Web编译器Visual Studio扩展

特征编辑LESS，Scss，Stylus，JSX，ES6和（Iced）CoffeeScrip

weixin_30435261·2020-09-10 18:33

vue中css3属性在本地生效线上不生效问题

以线性渐变：linear-gradient为例：1，vue项目兼容css3新特性可安装如下俩个包//一个后处理程序，不象Sass以及Stylus之类的预处理器。

世界呀上我请温柔·2020-09-10 16:43

vue:为项目引入基础的样式文件

一般在vue的app.vue根组件中引入基础样式，而不是直接写样式vue-cli3.X方式//这里是stylus的引入的方式或者使用~符号

小强有个dream·2020-09-10 16:30

CSS实现鼠标上移图片加彩色（滤镜）

先看gif讲解下面的css文件是.styl后缀，使用了stylus预处理器搭配vue框架使用的关键是下面这个属性（滤镜）：filtergrayscale(100%)这句代码的意思很简单，修改图片的颜色为黑白

宝贝QY·2020-09-10 16:53

vue3.0cli+配置全局scss;options has an unknown property 'data'.报错解决

module.exports={lintOnSave:true,css:{loaderOptions:{sass:{//引入多个使用；分号隔开prependData:`@import"~@/common/stylus

meis27461·2020-09-10 15:58

Web Compiler

WebCompilerTheeasiestandmostpowerfulwaytocompileLESS,Scss,Stylus,JSXandCoffeeScriptfilesdirectlywithinVisualStudioorthroughMSBuild

dingshikan0537·2020-09-10 13:53

Vue项目代码修改

1.使用varibles变量文件抽取样式（styluscss预处理器）新建styl文件//主题色$theme-color=#1989fa//基础颜色//白色$white-color=#ffffff//灰色

过眼云烟2015·2020-08-26 08:32

nuxtjs踩坑指南

1、nuxt引入问题：Can'tresolve'stylus-loader'原因在于没有安装stylus，安装即可：npminstallstylusstylus-loader--save-dev2、nuxt

weixin_30251829·2020-08-25 17:00

sublime text3常用插件+开发vue常用的插件

VueSyntaxHighlight2.让script里面的es6代码高亮：安装：ecmascriptsyntax安装：vuejscompletepackagevue文件里面写成：3.让style标签支持stylus

FMSCOTT·2020-08-25 14:14

webpack的安装和使用（一）

webpack是一个静态模块打包工具，用于打包静态资源，例如项目中使用了less，sass，和stylus等css预处理器，而浏览器无法识别和编译，就需要一个webpack，打包后，直接在html文件中引入打包后的

云_飞扬·2020-08-25 11:07

去哪网项目开发(5)--网站首页开发

1.安装依赖CSS库npminstallstylus--savenpminstallstylus-loader--save2.像素转换小技巧rem的大小是相对于HTML这个根元素的大小的，因此如果我们把

Benjaminpcm·2020-08-24 20:06

比较三个 CSS 预处理器：Sass、LESS 和 Stylus

CSS预处理器种类繁多，本次就以Sass、Less、Stylus进行比较。二、语法在使用CSS预处理器之前最重要的是了解语法，我

lurr88·2020-08-24 19:42

小程序中使用css var变量，使js可以动态设置css样式属性

使用sass,stylus可以很方便的使用变量来做样式设计，其实css也同样可以定义变量，在小程序中由于原生不支持动态css语法，so，可以使用css变量来使用开发工作变简单。

天天修改·2020-08-24 16:39

Stylus系列——webpack-spritesmith配合stylus使用示例

原文地址：https://segmentfault.com/a/1190000021487215作者：Fw恶龙本文首发于：思否一、前言基于Webpack的CSSSprites实现方案，若是直接在html中调用雪碧图图标已经很方便，但是实际开发过程可能遇到需要在伪元素中使用雪碧图，或者需要hover切换另一个图标，这种情况下就无法在css中直接调用图标类名。这时，就需要css预处理器，当然不限于st

Fw恶龙·2020-08-24 16:44

react ^16.8.6 添加 stylus & less ; 配置alias别名 @

前提：使用yarncreatereact-app创建的项目，yarnaddantd引入antd1.yarnruneject2.yarnaddstylusstylus-loader如果需要less,则将此文出现的

element·2020-08-24 15:20

记录移动端开发1像素边框问题， stylus代码转成less

需求：需要解决1像素问题:物理像素是设备像素的2倍，在手机上预览，1px边框会变成2px参考cube-ui的mixin.styl中1像素解决方案，如下：border-1px($color=#ccc,$radius=2PX,$style=solid)position:relative&::aftercontent:""pointer-events:nonedisplay:blockposition:

迟不子·2020-08-24 15:03

一款自动wxss转换的cli

对小程序进行原生开发时，我不喜欢写wxss，我喜欢写stylus。

tingzhong666·2020-08-24 15:48

jquery开发 css 自动刷新预览 stylus编译

环境需求：自动刷新编译css使用两个包就可以了：browsersync监听变动自动刷新页面stylus写css一直比较喜欢这个css预处理框架，因为简洁安装browsersync安装npminstall-gbrowser-sync

Taoqun·2020-08-24 15:01

Stylus的最佳特性

基础语法如何让CSS富有表现力的、动态的、健壮的CSS是Stylus的追求原有的CSS代码，让我们Stylus来改造它body{font:12pxHelvetica,Arial,sans-serif;}

404_NotFound·2020-08-24 14:57

css 预处理器 - sass/scss、less、stylus

css预处理工具，可以将其对应的DSL(领域特定语言)编译为css基本介绍sass/scssSASS2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架Sass的缩排语法，对于写惯css前端的web开发者来说很不直观，sass不兼容css代码Sass3就变成了Scss(sassycss)与原来的语法兼容，只是用{}取代了原来的缩进sass的运

大桔子·2020-08-24 14:13

vue 使用Jade模板写html，stylus写css

vue使用Jade模板写html，stylus写css日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式，所以使用了jade写html，stylus写css，省了很多的步骤和提高了效率

Taoqun·2020-08-24 14:03

雪碧图生成以及配合预处理样式的使用

生成雪碧图的代码本文的样式预处理使用的是stylus如果须要用到其它类型的预处理器，可对下面的代码进行修改如果想对雪碧图的生成原理及参数有更深入的了解请移步spritesmithgulp.spritesmithconstspritesmith

heruiwoniou·2020-08-24 14:22

Vue全家桶实现一个Web App

源码地址：Github在这里项目描述技术栈Vue2.0全家桶+axios+Vuex+Mint-Ui+Mock.js+Stylus前端部分Vue2.0前端页面的展示SPA单页应

李小末·2020-08-24 13:01

前端到底要学什么？

用Less、Sass、Stylus、甚至直接用Absurd，框架除了Bootstrap还有很多。JS写多了很麻烦？jQuery。移动开发？Zepto.js。结构不好？

rayliao·2020-08-24 13:04

推荐频道

STYLUS