vscode 安装autoprefixer 问题,谢谢

vscode 安装autoprefixer 问题,谢谢

是直接把代码复制到这里吗?然后怎么操作?谢谢

http://img1.sycdn.imooc.com//climg/5e72e14909548cf808330774.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

5回答
好帮手慕码 2020-04-03 15:26:33

“赵筱雨66”同学你好,可以换一个插件试一下:css-auto-prefix

直接在css中输入即可:

http://img1.sycdn.imooc.com//climg/5e86e525095bb1d002680154.jpg

祝学习愉快~

好帮手慕粉 2020-03-20 14:22:13

同学你好,设置好以后,重启编辑器,新建一个css文件,这个插件只有在css文件中才生效,在html中是不能使用的。

http://img1.sycdn.imooc.com//climg/5e7460f6093d7d6910700338.jpg

祝学习愉快~

  • 为什么我执行完只添加了两个
    2020-04-03 13:43:48
好帮手慕粉 2020-03-19 18:54:40

同学你好,同学点的是哪个settings的文件呢?要设置Autoprefixer的配置文件才可以的,老师在上次回答的时候在图中给同学圈出来了:

http://img1.sycdn.imooc.com//climg/5e734ee709bb058008280440.jpg

全部设置完毕后要重启编辑器才能生效。

同学再测试一下。

祝学习愉快~

  • 提问者 qq_慕移动3101913 #1
    就会按你选择的 设置Autoprefixer的配置文件 结果出来还是截图的那些代码
    2020-03-19 22:03:54
好帮手慕粉 2020-03-19 17:44:03

同学你好,是的,要将那段代码复制到settings.json文件中。老师再把整体步骤演示一下:

1、先下载插件:

http://img1.sycdn.imooc.com//climg/5e733e7809def7b909280361.jpg

2、安装成功之后需要进行设置:

http://img1.sycdn.imooc.com//climg/5e733ea809dc3ac204530572.jpg


点击settings.json中编辑进去添加:


http://img1.sycdn.imooc.com//climg/5e733eb50911ddc102970108.jpg

之后就是老师第一问给同学的步骤了,同学看看是不是漏了哪步。

祝学习愉快~

  • 提问者 qq_慕移动3101913 #1
    我是点击settings.json中编辑进去添加了 但是代码显示不正常 请看我的图片。
    2020-03-19 18:03:35
好帮手慕粉 2020-03-19 14:00:07

同学你好,保证下载安装成功后,重启编辑器就生效了。然后可以新建一个css文件:

1、在文件中右击鼠标出现菜单,选择命令面板:

http://img1.sycdn.imooc.com//climg/5e730a1709ede8a804790459.jpg

选择插件即可:

http://img1.sycdn.imooc.com//climg/5e730a240961822104940071.jpg

效果:

http://img1.sycdn.imooc.com//climg/5e730a2f095ff77904100193.jpg

2、另外,同学需要注意的是,这个插件在html文件中不太好用,所以同学要在css文件中才能使用。

祝学习愉快~

  • 提问者 qq_慕移动3101913 #1
    不行。我第一问,是不是要复制那段代码放里面
    2020-03-19 15:22:40
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师