首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端资源

    在Webstorm中使用Autoprefixer实现CSS自动补全

    npm install autoprefixer -g 3、安装postcss-cli Autoprefixer其实是postcss的插件,见:https://github.com/code42day/ postcss-cli npm install postcss-cli -g 4、配置External Tools 打开Webstorm设置,Preferences -> Tools -> External

    2.4K00发布于 2019-11-13
  • 来自专栏无道编程

    Webstorm编译scss文件[附CSS3前缀方法]

    css文件夹 Output paths to refresh: $FileDir$ 以上$FileDir$默认即可吧~~ 安装自动前缀 执行以下两个命令 分别是安装autoprefixer和postcss-cli npm install postcss-cli -g ? 配置autoprefixer 位置:File->Tools->External Tools 点击add ? ? Autoprefixer 名称随意即可 description:Autoprefixer 描述随意即可 Program: F:\nodejs\node_global\postcss.cmd 之前安装的postcss-cli

    3.7K00发布于 2019-11-13
  • 来自专栏各类技术文章~

    Vue 项目之 Webpack 中 PostCSS 工具的使用(1)

    命令行使用 PostCSS 我们可以直接在终端中使用 PostCSS,但还需要安装一个工具:postcss-cli(借助 postcss-cli,就可以在命令行界面或 npm 脚本中使用 PostCSS 先来安装它们: npm install postcss postcss-cli -D 复制代码 然后,我们还需要去安装 PostCSS 对应的一些插件,因为 PostCSS 只有依赖插件才会生效。

    1.5K00发布于 2021-11-06
  • 来自专栏无道编程

    Webstorm编译scss(基于Ruby)

    添加css3前缀 需要node环境: 安装Autoprefixer, npm install autoprefixer -g 安装postcss-cli,Autoprefixer其实是postcss的插件 npm install postcss-cli -g 然后配置External Tools 路径:File | Settings | Tools | External Tools ?

    1.1K20发布于 2020-02-10
  • 来自专栏yiyun 的专栏

    PostCSS | 笔记

    border-radius: 8px; box-shadow: 0 0 48px rgba(255, 0, 239, 0.2); } 安装并运行 PostCSS yarn add --dev postcss postcss-cli CSS 属性都符合主流浏览器标准 可以使用以下命令插件哪些 CSS 属性需要兼容性 npx autoprefixer --info 图片 修改支持兼容的浏览器 package.json "postcss-cli 【13 分钟掌握 PostCSS】 PostCSS 入门教程 - 峰华前端工程师 postcss/postcss-cli: CLI for postcss postcss/postcss: Transforming

    45920编辑于 2023-07-20
  • 来自专栏前端小菜鸡yym

    webpack postcss

    安装postcss npm i postcss-cli -D autoprefixer 网址 如下,它将左侧的css进行了多个浏览器版本的兼容。

    50720编辑于 2023-01-12
  • 来自专栏Web前端

    PostCSS概述

    命令行使用安装PostCSS及所需插件后,通过postcss命令处理CSS文件:npm install -D postcss-cli autoprefixer cssnano precssnpx postcss

    57600编辑于 2024-11-24
  • 来自专栏子曰五溪

    如何更优雅的编写CSS代码

    css 代码: 将所有的 scss 文件写入一个主文件中 通过 Autoprefixer为css添加浏览器供应商前缀 编译 css 文件 这将是最后的步骤了,所有耐心和我一起完成吧: 添加两个依赖:postcss-cli 和autoprefixer:npm install autoprefixer postcss-cli --save-dev 修改 build scirpt,添加两个script到package.json

    2.5K10发布于 2019-10-08
  • CSS工程化

    就要api使用postcss,api的文档地址是:http://api.postcss.org/ 不过绝大部分时候,我们都是使用者,并不希望使用代码的方式来使用PostCss 因此,我们可以再安装一个postcss-cli ,通过命令行来完成编译 npm i -D postcss-cli postcss-cli提供一个命令,它调用postcss中的api来完成编译 命令的使用方式为: postcss 源码文件 -o 输出文件

    1.2K31编辑于 2022-08-11
  • 来自专栏grain先森

    怎样才能写出更好的 CSS

    添加两个依赖项,postcss-cli和autoprefixer:npm install autoprefixer postcss-cli --save-dev 修改build脚本,并将这些脚本添加到

    2.3K10发布于 2019-03-28
  • 来自专栏前端LeBron

    Webpack Loader知识分享

    PostCSS插件 如何使用PostCSS 查找PostCSS在构建工具中的扩展,比如webpack中的postcss-loader; 选择可以添加你需要的PostCss相关插件 手动使用PostCSS 使用postcss-cli 操作,需要用到autoprefixer插件 npm install postcss postcss-cli --save npm install autoprefixer --save npx postcss

    70230编辑于 2021-12-08
  • 来自专栏前端达人

    如何使用Tailwind CSS轻松设计惊艳的进度条

    初始化项目 mkdir demo cd demo npm init -y 2、接下来在项目的文件夹里安装相关依赖 npm install tailwindcss postcss autoprefixer postcss-cli

    1.6K50编辑于 2023-08-31
  • 来自专栏仲儿的专栏

    用 DMOJ 搭建属于自己的 OJ

    https://deb.nodesource.com/setup_12.x | sudo -E bash - sudo apt install nodejs sudo npm install -g sass postcss-cli

    4.1K50编辑于 2022-10-28
  • 来自专栏小陈运维

    部署kubernetes官网博客

    no-cache     runuser     git     openssh-client     rsync     npm &&     npm install -D autoprefixer postcss-cli

    11K30编辑于 2022-05-11
领券