zoukankan      html  css  js  c++  java
  • sass环境搭建

    环境搭建1 使用visua1 studio code 编辑器插件编译

    1. 安装ruby
    2. vscode安装Easy Sass插件

    环境搭建2

    1. 检测本地是否安装ruby
    ruby -v
    
    1. 安装最新的ruby

      1. 官网
      2. 安装过程勾选 add ruby excutables to your path
      3. 运行ruby -v 检车是否安装成功
    2. gem改源 -gem式gem包管理工具, 把gem的连接源改到国内的一些镜像资源上

      1. 取消默认的绑定源
        gem sources --remove https://rubygems.org/
        
      2. 绑定国内网站 或者淘宝网站
            gem sources -a http://gems.ruby-china.org/ 
        
      3. 查看current resources,以验证换源是否成功
            gem sources -l
        
      4. 如果源绑定不上,只能手动安装自己想要的工具包
        1. 登陆 https://rubygems.org/
        2. 搜索并下载 工具包 比如sass
    3. sass安装及使用

      1. gem install sass
      2. sass -v 查看安装的sass版本
      3. gem update sass 更新sass
      4. gem uninstall sass
    4. 手动安装需要的包

      1. 官网下载gem包 比如sass.gem
      2. 运行gem install gem包路径
      3. gem包有依赖关系,必须先安装依赖的gem包
    5. 常用gem命令

      1. 如果果断时间需要更新ruby程序的话,可以使用
        gem update
      2. 安装特定版本的sass
        gem install sass --version=版本号(例如3.3.0)
      3. 列出本地安装的所有ruby程序包 gem list
      4. 删除特定版本的sass gem uninstall sass --version=版本号
      5. 删除本地安装的sass gem uninstall sass

    文章仅供自我学习总结之用,有些部分摘自网友文章,如有侵权,请通知我删除

  • 相关阅读:
    Project Euler 5 Smallest multiple
    Project Euler 4 Largest palindrome product
    CSS3新增的伪类选择器
    CSS选择器
    HTML 5 表单相关元素和属性
    HTML 5中的新特性
    HTML表格相关元素
    列表相关元素及其属性
    HTML行内元素、块状元素和行内块状元素的区分
    对HTML的大致了解
  • 原文地址:https://www.cnblogs.com/jjyyddss/p/7295070.html
Copyright © 2011-2022 走看看