美文网首页
deepin webstorm prefixer

deepin webstorm prefixer

作者: xingkong_s | 来源:发表于2018-09-28 14:10 被阅读7次
    安装依赖

    yarn global add autoprefixer
    yarn global add postcss-cli

    设置webstorm

    File -> Settings -> Tools -> External Tools
    点击 + 添加工具
    Tools Settings里各选项
    name :

    prefixer
    

    program :

    /home/xingkongs/.yarn/bin/postcss
    //yarn 安装 在主目录找到 .yarn 
    

    Arguments :

    -u autoprefixer -o $FileDir$/$FileName$  $FileDir$/$FileName$ 
    

    working directory :

    $ProjectFileDir$
    

    完成操作后,右键点击 任意css 文件
    External Tools -> prefixer

    当然最后prefixer 需要配置一下

    //package.json
      "browserslist": [
       "> 1%",
        "last 2 versions",
        "not ie <= 8",
        "ios >= 8",
        "android >= 4.0"
      ]
    

    相关文章

      网友评论

          本文标题:deepin webstorm prefixer

          本文链接:https://www.haomeiwen.com/subject/cbqpoftx.html