haml scss转换编写html css的前期工作
http://www.w3cplus.com/sassguide/install.html
先下载ruby
$ gem sources
$ gem sources --remove https://rubygems.org/
$ gem sources -a https://ruby.taobao.org/
$ gem sources -1
$ gem install haml
$ gem install scss
$ gem install sass
$ gem install rails
$ gem install compass
$ compass -v
$gem install hpricot ---html转换haml
$ html2haml index.html index.haml
--- --- --- --- --- ----
添加目录 |
--- --- --- --- --- ----
mkdir css 添加
rmdir css 删掉
--- --- --- --- --- ----
添加目录 |
--- --- --- --- --- ----
--- --- --- --- --- ----
scss转换 |
--- --- --- --- --- ----
$ cd\
$ cd scss
//scss目录有一个scss
$ scss --watch style.scss:style.css
//scss目录的scss已经转换为css了
--- --- --- --- --- ----
scss转换 |
--- --- --- --- --- ----
--- --- --- --- --- ----
haml转换 |
--- --- --- --- --- ----
$ cd\
$ cd haml
//haml目录有一个scss
$ haml style.haml style.html
//haml目录的haml已经转换为haml了
--- --- --- --- --- ----
haml转换 |
--- --- --- --- --- ----
--- --- --- --- --- ----
html转换 |
--- --- --- --- --- ----
$ cd\
$ cd html
//html目录有一个index.html
$ html2haml index.html:index.haml
//html目录的index.html已经转换为haml了
--- --- --- --- --- ----
html转换 |
--- --- --- --- --- ----
--- --- --- --- --- ----
退出目录 |
--- --- --- --- --- ----
cd...
cd: css/
_
_
ctrl + c
--- --- --- --- --- ----
退出目录 |
--- --- --- --- --- ----
--- --- --- --- --- ----
查看文件 |
--- --- --- --- --- ----
$ cd\
$ cd web
$ type index.scss
$ scss --watch index.scss:index.css
--- --- --- --- --- ----
查看文件 |
--- --- --- --- --- ----
最新文章
- golang实现随机数
- Java 增强型的for循环 for each
- Python(文件、文件夹压缩处理模块,shelve持久化模块,xml处理模块、ConfigParser文档配置模块、hashlib加密模块,subprocess系统交互模块 log模块)
- Android开发--环境的配置
- 【SPOJ】10628. Count on a tree(lca+主席树+dfs序)
- The trouble of Xiaoqian
- javascript实现继承的方式
- uCGUI窗口重绘代码分析
- ERROR<;53761>; - Plugins - conn=-1 op=-1 msgId=-1 - Connection Bind through PTA failed (91). Retrying...
- 升级R版本后,更新Package
- PWA学习心得
- CodeForces731-C.Socks-并查集
- 2018-2019-2 20165220 《网络对抗技术》Exp1 PC平台逆向破解
- C++实现景区信息管理系统
- model.form使用,配合form的钩子
- 1、pandas使用sort_values排序
- IDEA教程之导入maven项目
- 【OpenCV学习笔记之一】图像加载,修改及保存
- grunt管理js/css
- spring mvc配置ObjectMapper忽略无法识别的字段,以及一些博客推荐