sass有什么优点呢？

如果要在组件中使用，必须导入相应的资源文件。 每个需要用到变量的vue文件都需要做导入操作，简化操作，可以使用 sass-resources-loader 参考官网 sass-resources-loader 。如果使用vue-cli，可以参考 vue-cli自动化导入 这里以vue-cli4为例，具体实现如下： 1.首先，在scss中配置要导出的变量 2.在vue文件导入变量并使用

事实证明，LESS——以及Sass——功能比这个要多太多。LESS和Sass在语法上有些共性，比如下面这些：● 混入(Mixins)——class中的class；● 参数混入——可以传递参数的class，就像函数一样；● 嵌套规则——Class中嵌套class，从而减少重复的代码；● 运算——CSS中用上数学；● 颜色功能——可以编辑颜色；● 名字空间(namespace)——分组样式，从而可以被调用；● 作用域——局部修改样式；● JavaScript 赋值——在CSS中使用JavaScript表达式赋值。LESS和Sass的主要不同就是他们的实现方式，LESSS是基于JavaScript，所以，是在客户端处理的。另一方面，Sass是基于Ruby的，然后是在服务器端处理的。很多开发者不会选择LESS因为JavaScript引擎需要额外的时间来处理代码然后输出修改过的CSS到浏览器。关于这个有很多种方式，我选择的是只在开发环节使用LESS。一旦我完成了开发，我就复制然后粘贴LESS输出的到一个压缩器，然后到一个单独的CSS文件来替代LESS文件。另一个选择是使用LESS.app来编译和压缩你的LESS文件。两个选择都将最小化你的样式输出，从而避免由于用户的浏览器不支持JavaScript而可能引起的任何问题。尽管这不大可能，但终归是有可能的。关于变量在LESS和Sass中的唯一区别就是，LESS用@，Sass用$。同时还有一些作用域上的差别，我后面会提到。混入(mixin)偶尔，我们会创建一些会在样式表中重复使用的样式规则。没有人会阻止你在一个HTML的元素中使用多个class，但是你可以用LESS，在样式表中完成。.border {border-top: 1px dotted #333;}article.post {background: #eee;.border;}ul.menu {background: #ccc;.border;}这可以给到你与你在两个元素中分别添加.bordered class同样的效果——而且仅仅在样式表中就完成了。而且它工作的很好：文字和无序列表都被用上了边框样式在Sass中，你要在样式规则前面添加@mixin声明，规定它是个嵌套。然后，通过@include来调用它。@mixin border {border-top: 1px dotted #333;}article.post {background: #eee;@include border;}ul.menu {background: #ccc;@include border;}参数混入就像在CSS中有函数功能一样，这些对于那些在现在的CSS工作中多余的工作非常有用。最好和最有用的例子就是我们正在经历的从CSS2到CSS3过渡过程中的很多浏览器私有前缀。Nettuts+有一篇Jeffrey Way写的很赞的视频和文章，内容是包含着由有用的参数组成的文件，他们涵盖了大部分使用各个浏览器私有前缀的CSS3属性。.border-radius( @radius: 3px ) {-webkit-border-radius: @radius;-moz-border-radius: @radius;border-radius: @radius;}在这个例子中，.border-radius有个默认的3px的圆角，但是你可以使用你需要的任何值。.border-radius(10px)将会生成半径为10px的圆角。Sass中的语法很像LESS，只是使用$声明变量，然后使用前面提到的@mixin和@include来调用。选择器继承这个东西LESS并没有提供。通过这个功能，你可以将一个选择器附加到已经预先定义的选择器上，而无需再使用逗号将两者分开的写法了。.menu {border: 1px solid #ddd;}.footer {@extend .menu;} /* 上面的写法规则和下面的效果是一样的： */.menu, .footer {border: 1px solid #ddd;}嵌套规则在css中嵌套class和ID是避免你的样式干扰或者被别的样式干扰的唯一方法了。但是这可能会很凌乱。使用一个类似于#site-body .post .post-header h2 的选择器毫无吸引力而且会占用大量不必要的空格。使用LESS，你可以嵌套id、class以及标签。#site-body { ….post { ….post-header { …h2 { … }a { …&:visited { … }&:hover { … }}}}}上面的代码最终和上面的例子（那一长串的选择器）的效果一样，但是要更容易阅读和理解的多，而且它占用很少的空间。你也可以通过&来引用元素样式到他们的伪元素上，该功能类似于JavaScript中的this。运算这可能是你所期望的：使用数字或者变量在你的样式表中实现数学运算！@base_margin: 10px;@double_margin: @base_margin * 2;@full_page: 960px;@half_page: @full_page / 2;@quarter_page: (@full_page / 2) / 2;声明下，我也意识到我可以除以4来获得@quarter_page变量，但是这里我只是想要演示下圆括号组成“运算顺序”在这里也是可以用的。在使用简写的规则中，小括号也是必须的，比如 border: (@width / 2) solid #000。Sass在数字上比LESS更专业。它已经可以换算单位了。Sass可以处理无法识别的度量单位并将其输出。这个特性很明显是一个对未来的尝试——证明W3C作出的一些改变。/* Sass */2in + 3cm + 2pc = 3.514in /* LESS */2in + 3cm + 2pc = ErrorColor函数在文章开头，我提到了LESS如何帮我在编码过程中处理围绕着一个调色板。对此贡献最大的一部分就是颜色函数。加入你用一个标准的蓝色贯穿到你的样式中，然后你想要在表单中用这个蓝色来做一个渐变的按钮。你可以打开Photoshop或者其它的编辑器来获取一个比蓝色较浅的或者较暗的HEX色值来作为渐变色。或者，你可以只是使用LESS中的颜色函数。@blue: #369;.submit {padding: 5px 10px;border: 1px solid @blue;background: -moz-linear-gradient(top, lighten(@blue, 10%), @blue 100%); /*Moz*/background: -webkit-gradient(linear, center top, center bottom, from(lighten(@blue, 10%)), color-stop(100%, @blue)); /*Webkit*/background: -o-linear-gradient(top, lighten(@blue, 10%) 0%, @blue 100%);/*Opera*/background: -ms-linear-gradient(top, lighten(@blue, 10%) 0%, @blue 100%); /*IE 10+*/background: linear-gradient(top, lighten(@blue, 10%) 0%, @blue 100%); /*W3C*/color: #fff;text-shadow: 0 -1px 1px rgba(0,0,0,0.4);}lighten函数很明显就是用百分比值来减轻颜色，在这个例子中，它将减轻这个基础的蓝色的10%。这种方法可以让我们变化的元素或者其它任何元素的颜色值——只是简单的改变基础颜色而已。这对于主题(模板)来说非常有用。而且，如果你使用参数功能，像上面提到的，你还可以更简单的应用到一些浏览器私有前缀的声明中，比如：.linear-gradient(lighten(@blue), @blue, 100%);。还有很多其它的色彩函数，比如变暗或者调整颜色的饱和度，甚至你可以旋转色盘来使用其它颜色。我建议亲自尝试下你能想出的（用法）。Sass貌似有更多的选项——但我并不需要这么多。我个人最常用的还是lighten和darken。如果你想了解更多，可以看一下这篇很详细的介绍。条件语句与控制这是一个的确很赞的东东，也是另一个LESS不支持的功能。使用 Sass，你可以使用if { } else { } 条件语句，以及for { }循环。它甚至支持 and、 or和 not，以及 <、 >、 <=、 >= 和 == 等操作符。/* Sample Sass "if" statement */@if lightness($color) > 30% {background-color: #000;} @else { } /* Sample Sass "for" loop */@for $i from 1px to 10px {.border-#{i} {border: $i solid blue;}}名字空间(Namespaces)名字空间可以用于组织我们的CSS到另一个档次，我们可以将一些公用的样式分组，然后在用的时候直接使用。例如，如果我们创建了一个名为default的样式分组，我们就可以在用到的时候直接从该组中调用。#defaults {.nav_list () {list-style: none;margin: 0; padding: 0;}.button () { … }.quote () { … }}然后，在我们的代码中，如果我们正好在一个nav元素中使用了ul元素，我们就会想到我们需要default样式。那么我们就可以简单的调用它，它也会被直接应用。nav ul {#defaults > .nav_list;}作用域作用域是编程中的标配，LESS中也是。如果你在你样式表的root级声明一个变量，它在整个文档中都是可以用的。然而，如果你在一个选择器，比如id或者class中，重新定义了这个变量，那么，它就只能在这个选择器中可用了——当然是重新定义后的新值。@color: #00c; /* 蓝色 */#header {@color: #c00; /* red */border: 1px solid @color; /* 红色边框 */}#footer {border: 1px solid @color; /* 蓝色边框 */}因为我们在#header中重新定义了color变量，变量的值将会是不同的而且只会在该选择器中有效。它之前或者之后的所有地方，如果没有被重新定义，都会保持那个原始的值。作用域在Sass中稍有不同。在上面的代码中，当@color变量变为红色后，代码中，此处之后的该变量的值，将会被重写（成为红色）。注释这一部分比较基础。LESS中允许两种注释写法。标准的CSS注释，/* comment */，是有效的，而且能够通过处理并正确输出。当行注释，// comment，同样可以用但是不能够通过处理也不能被输出，然后，结果是，“无声的”。导入导入也相当符合标准。标准的 @import: ‘classes.less"; 处理的很好。然而，如果你想要导入其它的LESS文件，那么文件的扩展名是可选的，所以 @import ‘classes"; 也是可行的。如果你想要导入一些无需LESS处理的内容，你可以使用 .css 扩展 (比如， @import: ‘reset.css";)。字符串插入字符串也是可以用于变量中的，然后通过@{name}来调用。@base_url : "http://www.qianduan.net";background-image: url("@{base_url}/images/background.png");转义(Escaping)可能偶尔会需要引入一个CSS中非法或者LESS无法识别的值。通常是一些IE的hack。要避免抛出异常并破坏LESS，你将需要避开它们。.class {filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=20)";} /*实际上将会输出下面的代码: */.class {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);}JavaScript 赋值这是LESS中我最中意的部分：在样式表中使用Javascript——相当精彩。你可以使用表达式，也可以参考环境方向来使用反单引号。@string: `"howdy".toUpperCase()`; /* @string 变成 "HOWDY" */ /* 你也可以使用前面提到的插值： */@string: "howdy";@var: ~`"@{string}".topUpperCase()`; /* 变为 "HOWDY" */ /* 获取文档的信息 */@height = `document.body.clientHeight`;输出格式然而LESS并没有输出设置，而Sass提供4中输出选项：nested, compact, compressed 和 expanded。结语这两个方法有很多共同点。对写代码的设计师来说，它们都是很酷的工具，它们也可以帮助开发者更有效和快速的工作。如果你是Ruby或HTML的粉丝，那么Sass会是你的好助手。对我来说，一个PHP和JavaScript极客，我倾向于LESS，因为它便于引入和能够使用JavaScript的表达式以及文档属性。我怀疑我甚至接近真正理解在样式表中编程的可能行了，但是我仍坚持尝试。如果你在工作中有用到它们中的一个，或者两个都用，我很乐意听到关于它的更多内容，并看到你的成果。当然，技巧、诀窍、更正一直是很欢迎的。

好像不能直接引用.scss（和.sass一样，只是写法规范不同）文件，需要通过工具（软件或命令行）先进行编译生成.css文件后，再引入.css文件使用。

AU999是千足金的标志，而且国家标准首饰最高就是千足金。根本就没有万足金一说。

1.变量的使用 字符串中的变量，写在 #{}中 3.嵌套 深度选择器

SASS？是SAS吧。SAS系统(Statistics Analysis System)，最早由北卡罗来纳大学(The University of North Carolina)的两位生物统计学的研究生编制，最早祗是一数学统计软体，后於1976年由Jim Goodnight 博士及John Sall博士等人成立SAS公司，并正式推出SAS软体。经过多年的发展，SAS在资料处理和统计分析方面有著广泛的应用，其使用遍及金融、医药卫生、生产、运输、通讯、科学研究、政府、教育、心理、社会科学等不同领域。(http://zh.wikipedia.org/wiki/SAS%E7%B3%BB%E7%BB%9F)同样，SPSS原名Statistical Package for the Social Sciences(社会科学统计包），由於用户早已不限於社会科学界，故此在2000年根据缩写SPSS改为Statistical Product and Service Solutions(统计产品与服务解决方案，惟一般仍称SPSS)——不过很多老用户还并不知晓。(http://zh.wikipedia.org/w/index.php?title=SPSS&variant=zh-tw)SPSS和SAS软件在学校应该可以提供使用的，不能教你非法下载，那是侵犯版权的行为。至於教程方面，可参：http://www.fjmu.edu.cn/news/spss/doc3/index.htm

卡布奇诺的幸繁rSanimal

我本地的vue-cli的版本 @vue/cli 4.3.1 ，这个版本脚手架创建的vue项目配置全局sass的时候需要在vue.config.js中指定 prependData 而不是 data ，具体不知道官网啥时候改动的。 创建全局的css文件common.scss，写一个变量。 页面中引用 common.scss文件中创建 使用 common.scss文件中创建 使用

目前场景是接到的项目中没有统一样式处理，例如不同模块，有的使用了 sass ，有的使用了less。 我们知道sass是成熟、稳定、强大的 CSS 预处理器，而 SCSS 是 Sass3 版本当中引入的新语法特性，完全兼容 CSS3 的同时继承了Sass强大的动态功能。 而Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。 两者各有千秋，没有特殊洁癖个人觉得均可，但是因为项目中使用了 ant-desgin-vue, 而它本身是使用less的，于是决定项目中还是统一使用 less 吧。 1、首先移除 node-sass 和 sass-laoder 2、将所有的 lang="scss" 替换成 lang="less" 3 、变量控制定义： 将 $ 更改为 @ 4、.scss 后缀文件改为 .less 例如 下面引入的 chart.scss 文件，应该改为 chart.less

1.编译环境不一样Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到项目中。2.变量符不一相less是@，而scss是$,而且它们的作用域也不一样，less是块级作用域3.输出设置不一样Less没有输出设置，sass提供4种输出选项，nested,compact,compressed和expanded nested：嵌套缩进的css代码(默认) expanded：展开的多行css代码 compact：简洁格式的css代码 compressed：压缩后的css代码4.sass支持条件语句，可以使用if{}else{},for{}循环等等，而less不行5.引用外部css文件sass引用外部文件必须以开头，文件名如果以下划线形状，sass会认为该文件是一个引用文件，不会将其编译为css文件。less引用外部文件和css中的@import没什么差异。6.sass和less的工具库不同sass有工具库Compass, 简单说，sass和Compass的关系有点像Javascript和jQuery的关系,Compass是sass的工具库。在它的基础上，封装了一系列有用的模块和模板，补充强化了sass的功能。less有UI组件库Bootstrap,Bootstrap是web前端开发中一个比较有名的前端UI组件库，Bootstrap的样式文件部分源码就是采用less语法编写。总结：不管是sass，还是less，都可以视为一种基于CSS之上的高级语言，其目的是使得CSS开发更灵活和更强大，sass的功能比less强大,基本可以说是一种真正的编程语言了，less则相对清晰明了,易于上手,对编译环境要求比较宽松。考虑到编译sass要安装Ruby,而Ruby官网在国内访问不了,个人在实际开发中更倾向于选择less。 （BY三人行慕课）

新建文件 /style/element/index.scss 刚开始按照element-plus官网描述步骤添加，在main.js中引入创建的文件， 但是会有报错信息，如下： @forward rules must be written before any other rules. 必须写在任何其他规则之前? 解决方案： 在项目 vue.config.js 配置文件中修改，解决sass变量报错问题 main.js 中引入的文件可以删除了。

.father { & > .son { color: red; }}

你可以试试css预处理语言，sass和less

为了统一页面风格在编写CSS样式文件时经常会大量复用相同的颜色或者字号，加重开发工作量的同时也不利于后期的维护，所以需要用到CSS全局变量。声明全局变量CSS全局变量的声明是在变量名称前加两个中横线--。body { --Color: #2C51CD; --BackGround: #B4D4FD;}上述代码中，body选择器中声明了Color和BackGround两个变量。而使用--是因为$被Sass占用了，@被Less占用了。“变量的声明对大小写敏感。如：Color和color表示两个不同的变量。读取变量使用var()函数来读取变量。p { background: var(--Color);}var()函数还可以使用第二个参数，表示变量的默认值。如果该变量不存在，就会使用这个默认值。p { background: var(--Color, #2C51CD);}第二个参数不处理内部的逗号或空格，都视作参数的一部分。p { font-family: var(--fontF, "Roboto", "Helvetica"); margin: var(--Margins, 15px 20px 25px);}var()函数还可以用在变量声明中body { --Color: #2C51CD; --BackGround: var(--Color);}

最近研究sass，用的是vs+vs插件，实在是太大了（虽然电脑跑的动）之前一直用sublime，所以决定继续改用轻量级的开发工具。注：我是sublime Text2,（3应该差不多）【进入正题】同样出现楼主的问题，于是开始百度（原谅我没有翻墙用google）。百度后结合实际情况先这样解决：1.Preferences->Browse Packages...2.找到SASS Build文件夹3.打开SASS.sublime-build{ "cmd": ["sass", "--update", "$file:${file_path}/${file_base_name}.css", "--stop-on-error", "--no-cache"], "selector": "source.sass, source.scss", "line_regex": "Line ([0-9]+):", "osx": { "path": "/usr/local/bin:$PATH" }, "windows": { "shell": "true" }}4.在"selector": "source.sass, source.scss",后面加上"encoding":"cp936",5.重启sublime但是出现ctrl+b出现新的问题‘sass"不是内部或外部命令，也不是可运行的程序或批处理文件看到这里我恍然大悟，原来不是编码问题，而是环境变量出问题了。后来发现自己安装ruby没有勾选添加环境变量【总结】：由于我添加环境变量后把修改的"encoding":"cp936",删除依然可以编译成功，我觉得sublime中sass编译（或者ruby等编译）出现[Decode error - output not utf-8]问题其实是环境变量未添加。解决方法就是手动在高级系统设置中添加。（如果实在懒可以卸掉ruby重新安装，记得勾选中间的添加环境变量。记得安装sass）最后补充一下，可以先试一下我试过的添加encoding方法，因为我也不是100%确定。

ruby安装 因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby 在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境 sass安装

ruby安装因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境sass安装如果你喜欢偷懒，或者你公司网络限制比较多，请直接看最后一段安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command Prompt with Ruby然后直接在命令行中输入gem install sass按回车键确认，等待一段时间就会提示你sass安装成功。如果要安装beta版本的，可以在命令行中输入gem install sass --pre你还可以从sass的Git repository来安装，git的命令行为git clone git://github.com/nex3/sass.git cd sass rake install如果上述的办法你尝试失败了，那说明要么被你的网络墙了这个，要么你的网络信号不好。你可以尝试本地安装，不过有点复杂。这里暴漏个惊天秘密，那就是koala这个编译工具已经内置了sass，所以如果你安装了koala，就根本不需要安装sass，注意ruby还是得安装。关于koala请参阅编译工具。

linux下ruby编程环境的安装和配置，方法如下：1、去ruby官方下载安装包，下载地址：http://www.ruby-lang.org/en/downloads/2、解压缩下载的ruby-1.9-stable.tar.gz安装包，进入目录。su #./configure -prefix=/usr/local/ruby-1.9#make#make install此时可能出现的错误：echo executable host ruby is required. use --with-baseruby option.;false ./tool/generic_erb.rb -c -o known_errors.inc./template/known_errors.inc.tmpl ./defs/known_errors.defexecutable host ruby is required. use --with-baseruby option.make: *** [known_errors.inc] Error 1出现此问题的原因在于1.9版本的ruby编译需要系统默认安装旧版本的ruby，而ubuntu中默认没有安装。3、解决方法：sudo apt-get install ruby#默认ubuntu10.10会自行安装ruby 1.8，之后再编译1.9就没问题了。下载1.8.7版本源码编译安装，并设置临时环境变量 ，进入1.8源码目录su#./configure -prefix=/usr/local/ruby-1.8#make && make installexport PATH=/usr/local/ruby-1.8/bin:$PATH#此时使用ruby -v验证版本为1.84、在刚才安装配置ruby1.8的终端中继续重新进行1.9的编译安装，进入1.9源码目录： #解压文件 tar vfxz ruby-1.9.1-p0.tar.gz #进入解压后的文件夹 cd ruby-1.9.1-p0/ #编译源码,编译之前,应该先对/usr/local/ruby-1.9.1文件夹设置权限. ./configure --prefix=/usr/local/ruby-1.9.1 #大名鼎鼎的 make 和 install make && make install #设置PATH路径,把安装的ruby放在系统PATH前面，避免调用操作系统自带的ruby export PATH=/usr/local/ruby-1.9.1/bin:$PATH #在 ~/.profile 文件中增加了这样的代码: if [ -d "/usr/local/ruby-1.9.1/bin" ] ; then PATH="/usr/local/ruby-1.9.1/bin:$PATH" fi 然后 注销 再登陆一次. #如无意外 ruby -v #ruby 1.9.1p0 (2009-01-30 revision 21907) [i686-linux] #ruby 1.9.1安装成功了.注意：之前安装了1.8版本ruby，可以直接通过rm -rf /usr/local/ruby-1.8删除即可。

Ruby安装由于sass依赖于ruby环境，所以在安装sass之前必须安装ruby。可以去官网下载一个。网络环境不好的，可以用我提供的这个文件：点击下载安装完成后可以在开始菜单找到ruby命令行，打开输入ruby -v查看版本号，出现版本信息则安装成功clipboard.png-6.6kBQQ截图20160917210342.png-1.6kBSass安装安装完ruby后，可以直接在命令行里面输入gem install sass安装Sass，不过由于墙的厉害，建议使用淘宝的ruby源来安装，步骤如下：gem sources --remove https://rubygems.org/ https://rubygems.org/ removed from sourcesgem sources -a https://ruby.taobao.org/ https://ruby.taobao.org/ added to sources这一步有可能会出错，windows下证书无法验证。解决方法：下载证书（右键另存为即可），放到ruby安装目录下，然后再设置环境变量SSL_CERT_FILE为该文件路径，再重新输入该命令QQ截图20160917211759.png-8.6kBgem source -l *** CURRENT SOURCES *** https://ruby.taobao.org/gem install sass Fetching: sass-3.4.13.gem (100%) Successfully installed sass-3.4.13 Parsing documentation for sass-3.4.13 Installing ri documentation for sass-3.4.13 Done installing documentation for sass after 12 seconds 1 gem installed //如果你在安装时出现如下提示，则表明网络不佳或源没有切换到 ruby.taobao.org ERROR: Could not find a valid gem "sass" (>= 0), here is why: Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed ( https://api.rubygems.org/latest_specs.4.8.gz)sass -v Sass 3.4.13 (Selective Steve)到此，所有的安装都结束了。接下来我们就可以直接编译sass文件了Sass编译打开ruby命令行，切换到scss文件所在目录，执行sass style.scss style.css,就可以将style.scss文件编译成style.css文件

我觉得 less 或者 sass 其中一款还是有必要的 很多css框架还是用它们来开发的 一些变量函数 的特性还是有助于提高效率的 CoffeeScript我就觉得没有必要 CoffeeScript是一套JavaScript的转译语言

　　ruby安装　　因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby　　在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境　　sass安装　　如果你喜欢偷懒，或者你公司网络限制比较多，请直接看最后一段　　安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command Prompt with Ruby　　然后直接在命令行中输入　　gem install sass　　按回车键确认，等待一段时间就会提示你sass安装成功。　　如果要安装beta版本的，可以在命令行中输入　　gem install sass --pre　　你还可以从sass的Git repository来安装，git的命令行为　　git clone git://github.com/nex3/sass.git cd sass rake install　　如果上述的办法你尝试失败了，那说明要么被你的网络墙了这个，要么你的网络信号不好。你可以尝试本地安装，不过有点复杂。这里暴漏个惊天秘密，那就是koala这个编译工具已经内置了sass，所以如果你安装了koala，就根本不需要安装sass，注意ruby还是得安装。关于koala请参阅编译工具。

安装node-sass的时候会报该错误： Error: Can"t find Python executable "python", you can set the PYTHON env variable. 有如下方法： 这里有一篇文章介绍了如何在Windows上找不到Python可执行文件"python"： https://catalin.me/how-to-fix-node-js-gyp-err-cant-find-python-executable-python-on-windows/ node-sass正常安装不成功几率占60%左右，但是通过以上两种方法解决问题，就不需要去改变环境变量等。 npm切换源具体请看： npm切换源之nrm 源管理工具

首先不能使用node-16以上版本，卸载node16安装node12 安装python2.7，我没有安装这个而是在网上查询安装了npm install --global --production windows-build-tools 安装这个tools的时候报错了改了一下npm的镜像，然后卡在了一个地方没法动弹。不过阴差阳错也装好了python2.7 安装node12后就可以npm i了这里不能使用淘宝镜像不然会报错node-sass没法安装的 npm config list查看配置 其中prefix和cache需要配置，关系到全局安装的包的位置。如安装了yarn就是安装到这个位置，需要配置环境变量：系统变量NODE_PATH：node_global地址，用户变量Path：npm地址修改为node_global地址

CSS 的预处理程序优缺点如下：LESS/SASS优点：开发速度提升；代码优化效率提高（对开发者而言）；代码更通俗易懂（对开发者而言）；维护简单便捷；代码更干净，优美；功能更多更强，CSS做出JS的特效（其实就是JS）；总而言之，LESS/SASS就是CSS里面的jQuery，简化，减少开发时间，提升开发者开发体验。LESS/SASS缺点：舍弃用户体验来提高开发的效率，可以查考Bootstrap的缺点；舍弃网页打开速度换取开发效率提升；需要一个学习的过程，用之不当反而弄巧反拙；总而言之，LESS/SASS缺点就是需要多一个编译器来重新编译一次CSS代码，也就是给浏览器多了一道工序，网页显示的速度会减慢（网页显示顺序，从上至下，一般CSS放在头部，先HTML DOM元素-->CSS-->脚本文件-->页面元素如图片，视频，音频--->最后完全显示）你在CSS工序加了一个步骤，速度自然慢，时间自然多了。

css中$后加名字和值指的是变量的值为什么，比如变量hellowBoxSize的值为3em。这是less，sass这类Css预处理器的语法。

WeFlow - 一个基于 tmt-workflow 前端工作流的开发工具。 Koala - 预处理器语言图形编译工具，支持 Less、Sass、CoffeeScript、Compass framework 的即时编译。 CodeKit - 自动编译 Less、Sass、Stylus、CoffeeScript、Jade & Haml等文件。 PaintCode - 将设计转换成 Objective-C, Swift 或 C# 代码。 Hosts.prefpane - 编辑 hosts 文件的工具。 iHosts - 唯一上架 Mac App Store 的 /etc/hosts 编辑神器。 Integrity - 轻松找到无效链接。 SwitchHosts - 一个管理、切换多个 hosts 方案的工具。 Gas Mask - 编辑 hosts 文件的工具，更简单方便。 DiffMerge - 可视化的文件比较（也可进行目录比较）与合并工具。 Gemini - 智能的重复文件查找器。 Hex Fiend - 快速而聪明的开源十六进制编辑器。 BetterRename - 一款强大的批量重命名工具，可以通过搜索功能改名。 PPRows - 计算你写了多少行代码。 SCM Breeze - 用于增强与git交互的shell脚本集(用于bash和zsh)。 Beyond Compare - 对比两个文件夹或者文件，并将差异以颜色标示。 Cacher - 基于云的团队代码片段管理器，具有Gist同步，VSCode/Atom/Sublime软件包和Mac/Windows/Linux/Web客户端。 Kaleidoscope - 一款很强大的文本文件和图像比较工具，同时和 git、svn 等版本控制工具能够完美的结合。 Fanvas - 把 swf 转为 HTML5 canvas 动画的系统。 EnvPane - 图形终端查看环境变量的应用工具。 Dash - 强大到你无法想象的 API 离线文档软件。 SnippetsLab - 管理和组织你的代码片段。 StarUML - 强大的软件建模软件。 Vagrant Manager - 管理你本地服务。 FinderGo Finder 中快速打开终端，定位到目录 Localname - 提供对本地开发服务器的访问权限。 zeplin - 前端与设计协同工作专用工具。 Go2Shell - 从 Finder 打开命令行。 SecureCRT - 一款支持 SSH、Telnet 等多种协议的终端仿真程序。 MJML - 简化设计回应电子邮件的方式。 TeXstudio - 集成创建 LaTeX 文档的写作环境。 Vagrant - 用来构建虚拟开发环境的工具。 LaunchRocket - 在 Mac 系统偏好设置中创建服务管理。 Swiftify - Xcode ＆ Finder 扩展 Objective-C 转 Swift 代码转换器 Woodpecker - 在Mac上查看、编辑iOS App的沙盒文件, UserDefaults, Keychain项

如题：div+css中让每一行都缩进2个字符；1、实验：找一个html编辑软件这里用DW编辑器：建立一个新的html文件2、为了让页面更好的体验出效果来，这里建立两个p标签，并且给每一个p标签都引入一个css样式；讲解：因为是文字缩进两个字符，所以用p标签比较规范一点，设置两个p标签的区域宽度与高度都为200px；然后为了区分他们，设置了两个p标签区域不同的背景颜色3、查看页面效果；如下图：由上图所示得出结果：p标签中的txt1样式设置的是段落首行缩进两个字符标签属性：text-indent:2em;而p标签中txt2样式设置的则是每一行都缩进两个字符，标签属性：padding-left:2em;

这里整理了一份web前端学习路线的思维导图，需要掌握和学习的内容如下：第一阶段：专业核心基础阶段目标：1.熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。2.熟练运用HTML+CSS特性完成页面布局。4.熟练应用CSS3技术，动画、弹性盒模型设计。5.熟练完成移动端页面的设计。6.熟练运用所学知识仿制任意Web网站。7.能综合运用所学知识完成网页设计实战。知识点：1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用less、sass完成项目开发，深入了解BootStrap。4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。第二阶段：Web后台技术阶段目标:1.了解JavaScript的发展历史、掌握Node环境搭建及npm使用。2.熟练掌握JavaScript的基本数据类型和变量的概念。3.熟练掌握JavaScript中的运算符使用。4.深入理解分之结构语句和循环语句。5.熟练使用数组来完成各种练习。6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。7.DOM和BOM实战练习和H5新特性和协议的学习。知识点：1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。第三阶段：数据库和框架实战阶段目标：1.综合运用Web前端技术进行页面布局与美化。2.综合运用Web前端开发框架进行Web系统开发。3.熟练掌握Mysql、Mongodb数据库的发开。4.熟练掌握vue.js、webpack、elementui等前端框技术。5.熟练运用Node.js开发后台应用程序。6.对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。知识点：1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。第四阶段：移动端和微信实战阶段目标：1.熟练掌握React.js框架，熟练使用React.js完成开发。2.掌握移动端开发原理，理解原生开发和混合开发。3.熟练使用react-native和Flutter框架完成移动端开发。4.掌握微信小程序以及了解支付宝小程序的开发。5.完成大型电商项目开发。知识点：1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Rex基本概念。练使用react完成项目开发、掌握Rex中的异步解决方案Saga。2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js、TypeScript。

前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用Html、CSS、JavaScript等专业技术和工具将UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。实际上前端工程师核心的技能一直都是Html、CSS和JavaScript，今天小编给大家整理了这三部分需要掌握的主要技术。一、HtmlHtml部分需要了解常用浏览器和浏览器内核;了解语义化的概念;掌握Html5语法及使用技巧;掌握Html5常用标签。掌握Html5新布局标签、多媒体标签等。二、CSSCSS部分的主要知识有掌握CSS语法及使用技巧;掌握DIV+CSS布局方式;掌握常见网页布局模式;掌握Photoshop切图以及插件切图;能够熟练使用开发人员工具进行页面调试;能够根据PSD文件独立完成静态页面的开发工作;掌握CSS32D、3D变换、动画效果;能够使用CSS3新属性美化修饰网页;了解移动端屏幕、移动端浏览器、操作系统的不同;掌握常用移动端调试方法;掌握常用移动端适配方法;掌握CSS预处理器less的使用;掌握常用移动端框架使用方法;掌握常见移动端页面开发;掌握响应式布局开发;掌握Bootstrap开发响应式页面;掌握适配不同终端的网页开发技术选型等。三、JavaScriptJavaScript是赋予页面交互效果时需要用到的技术，这个部分需要能够掌握JavaScript基本语法;掌握常见JavaScript算法;掌握DOM的各种操作;熟练使用面向对象思想进行DOM编程;掌握JavaScript的高级语法;掌握JavaScript常见兼容性方案;熟练使用jQuery操作DOM;熟练使用和编写jQuery案例等。以上是在Html、CSS和JavaScript方面Web前端人员需要掌握到的内容，除了这三个方向之外，一名优秀的Web开发工程师还需要熟练掌握各种前端框架的使用，以及一些当下热门技术，这些都是需要在平时的开发过程中不断积累学习的。

简介VSCode是微软出的一款轻量级代码编辑器，免费而且功能强大，对JavaScript和NodeJS的支持非常好，自带很多功能，例如代码格式化，代码智能提示补全、Emmet插件等。VSCode推荐一个项目以文件夹的方式打开。一、设置首选项下载安装完成后，打开编辑器，首先要设置主题、字体大小等。1. 设置主题文件→首选项→颜色主题2. 设置字体大小文件→首选项→设置，打开了一个setting.json文件，将左边的设置复制到右边进行覆盖生效，所有编辑器的设置都在这里修改。 二、Emmet插件最新版集成了Emmet 2.0，在文件→首选项→设置可以开启或者关闭功能 三、快捷键所有快捷键设置：文件→首选项→键盘快捷方式 1. 在当前行中间换行到下一行：ctrl+enter 2. 当光标点击到某一行时，默认选中全行，可以直接复制剪切 3. 直接删除某一行：shift+delete或者ctrl+shift+k 4. 多行光标选择：alt+鼠标左键 5. 自动生成html结构和meta声明：首先输入“!”，然后按tab键 6. 标签自动补全：tab键 7. 折叠所有代码：ctrl+k、ctrl+0 8. 拆分编辑器：ctrl+查找框右边的3个参数分别为：区分大小写，全字匹配，使用正则9. 跳转行号：ctrl+G 10. 添加函数注释：在函数上方输入“/**”，然后点击enter11. 格式化：alt+shift+f 12. 注释：ctrl+/ 13. 全部保存：ctrl+k, 然后只按s一个键 14. 向上移动一行：alt+↑ 15. 向下移动一行：alt+↓ 16. 向上复制一行：alt+shift+↑ 17. 向下复制一行：alt+shift+↓ 18. 查找：ctrl+F 19. 替换：ctrl+H 20. 文件中查找：ctrl+shift+f 可以在打开的文件夹中搜索所有文件内容 21. 文件中替换：ctrl+shift+h 22. 转到定义：F12 23. 转到实现：ctrl+F12 24. 打开文件夹：ctrl+k, ctrl+o 25. 关闭文件夹：ctrl+k, 然后单按一个f 26. 选中一段代码，通过“ctrl+[”可以左移，“ctrl+]”可以右移open in browser插件功能描述：从浏览器中查看html文件，使用系统的当前默认浏览器Atuo Rename Tag修改 html 标签，自动帮你完成尾部闭合标签的同步修改，不过有些bug。fileheader顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间Live Sass Compilervscode--搭建自动编译sass环境一，安装插件及使用步骤1、vscode安装Live Sass Compiler，由于该插件依赖Live Server ，所以会自动安装Live Server2、点击vscode底部的Watch my Sass3、按F1键，在输入栏中输入Live Sass: Watch Sass来监听Sass文件（ Live Sass: Stop Watching Sass 停止监听文件）4、同样在输入栏中输入 Live Sass: Compile Sass - Without Watch Mode，就会自动编译scss文件为css文件二，配置编译规则1、在项目的根目录下创建一个文件夹，命名为 .vscode(只能通过Linux命令创建)，并且在该文件夹下面创建一个文件settings.json2、配置settings.json1 {2 "liveSassCompile.settings.savePath": "./dist/css",//指定编译完的css文件路径3 "liveSassCompile.settings.format": "expanded",//指定编译css的样式类型，有这四种 expanded（默认）, compact, compressed or nested4 "liveSassCompile.settings.extensionName": ".css",//指定编译完的文件后缀名，.css为普通代码，.min.css为压缩代码5 "liveSassCompile.settings.excludeFolders": [6 "**/node_modules/**",//指定忽略的文件7 ".vscode/**"8 ]9 }三、其他注意事项如果要对多个文件进行监听和编译，那么只要重复操作一，安装插件及使用步骤》的2/3/4步骤。（每个scss文件只要操作一次，以后一旦保存，就会自动编译）Easy Sass安装 Ruby 时一定要勾选 Add Ruby executables to your PATH，用来将 Ruby 添加到系统变量，这样后续可以省却很多不必要的麻烦。装好后在命令行输入 gem sass 来安装 Sass，安装完成后启动 VSCode，在拓展商店里搜索“easy sass”，并安装，安装成功后重启 VSCode。接下来进行配置。在 VSCode 菜单栏依次点击“文件 首选项 设置”，打开 settings.json 全局配置文件。搜索“easysass”，然后把 easysass 相关的设置项复制到右侧的用户设置编辑窗口中，再根据实际情况修改配置项。一般生产环境中用到其中两个设置项（上图红框处中的代码）：/** Easy Sass 插件 **/"easysass.formats": [{"format": "compressed", // 压缩"extension": ".css"}],"easysass.targetDir": "./" // 自定义css输出文件路径12345678其中 easysass.formats 是设置编译输出的 css 风格的，可以同时编译输出多个不同风格的 CSS 文件，此处我只设置了一个 easysass.formats 项目，所以编译时只生成一个 CSS 文件。easysass.formats[i].format 支持四个选项用以编译生成对应风格的 CSS：nested：嵌套缩进的 css 代码。expanded：没有缩进的、扩展的css代码。compact：简洁格式的 css 代码。compressed：压缩后的 css 代码。easysass.formats[i].extension 顾名思义就是设置编译输出的文件名了，此处可以自定义文件名，输出的 CSS 文件名会按照“当前 Sass 文件名（不含拓展名）+此处自定义文件名”的格式来生成。例如：设置 easysass.formats[i].extension 为 ".min.css"，假设当前的 Sass 文件名为“style.scss”，则编译输出的 CSS 文件名为“style.min.css”。我们的生产环境中，在很多情况下 Sass 文件和 CSS 文件是不在同一个目录下的，而Easy Sass 默认输出的 CSS 是和当前 Sass 文件处于相同目录的，为此我们需要配置输出路径

您好，对于你的遇到的问题，我很高兴能为你提供帮助，我之前也遇到过哟，以下是我的个人看法，希望能帮助到你，若有错误，还望见谅！。sass和less主要区别在于实现方式: less是基于JavaScript的在客户端处理 所以安装的时候用npm，sass是基于ruby所以在服务器处理。一、less：Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。二、sass 与 less 的区别 ：1、sass与less的安装 ：sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。less 在服务器端最容易的安装方式就是通过 npm（node.js 的包管理器）。less 在客户端使用【.less】（LESS源文件），只需要在官网载一个javascript脚本文件主【less.js】，然后在我们需要引入LESS源文件的html的中加入如下代码： 2、变量 ：sass 是以开头定义的变量，如：mainColor: #963; less 是以@开头定义的变量，如 @mainColor: #963; 3、作用域 ：sass 没有全局变量，满足就近原则，但是实际中可以将需要定义的全局属性放在base.scss 文件中。注意变量名重复； less 中的作用域和其他程序语言中的作用域非常的相同，他首先会查找局部定义的变量，如果没有找到，会像冒泡一样，一级一级往下查找，直到根为止，同样上面的例子，我们来看看他在LESS下所起的变化。非常感谢您的耐心观看，如有帮助请采纳，祝生活愉快！谢谢！

均具有“变量”、“混合”、“嵌套”、“继承”、“颜色混合”五大基本特性；Scss和LESS语法较为严谨，LESS要求一定要使用大括号“{}”，Scss和Stylus可以通过缩进表示层次与嵌套关系；Scss无全局变量的概念，LESS和Stylus有类似于其它语言的作用域概念；Scss和Stylus就具有类似其它语言的条件语句、循环语句等，而LESS需要通过When等关键词模拟这些功能；Sass是基于Ruby语言的，而LESS和Stylus可以基于NodeJS NPM下载相应库后进行编译；使用LESS时，还可以在引用它的HTML文件中引入从官网下载的“less.js”文件，就可以通过浏览器进行解析。

$ 符号 被 Sass 占用 @ 符号 被 less 占用 因此CSS中采用了 -- JS: 可以看到var只是个声明变量的关键字，color才是变量名。 PHP: Scss: CSS在使用变量的时候用到了一个函数叫var()： CSS: 创建个支持vue3的vite项目 进入到该文件夹 安装依赖 创建一个组件 使用中文引入变量 参考： Vue 超好玩的新特性：在 CSS 中使用 JS 变量

最好不要把属性改为$变量

linux下ruby编程环境的安装和配置，方法如下：1、去ruby官方下载安装包，下载地址：2、解压缩下载的ruby-1.9-stable.tar.gz安装包，进入目录。su #./configure -prefix=/usr/local/ruby-1.9#make#make install此时可能出现的错误：echo executable host ruby is required. use --with-baseruby option.;false ./tool/generic_erb.rb -c -o known_errors.inc./template/known_errors.inc.tmpl ./defs/known_errors.defexecutable host ruby is required. use --with-baseruby option.make: *** [known_errors.inc] Error 1出现此问题的原因在于1.9版本的ruby编译需要系统默认安装旧版本的ruby，而ubuntu中默认没有安装。3、解决方法：sudo apt-get install ruby#默认ubuntu10.10会自行安装ruby 1.8，之后再编译1.9就没问题了。下载1.8.7版本源码编译安装，并设置临时环境变量 ，进入1.8源码目录su#./configure -prefix=/usr/local/ruby-1.8#make && make installexport PATH=/usr/local/ruby-1.8/bin:$PATH#此时使用ruby -v验证版本为1.84、在刚才安装配置ruby1.8的终端中继续重新进行1.9的编译安装，进入1.9源码目录：#解压文件tar vfxz ruby-1.9.1-p0.tar.gz#进入解压后的文件夹cd ruby-1.9.1-p0/#编译源码,编译之前,应该先对/usr/local/ruby-1.9.1文件夹设置权限../configure --prefix=/usr/local/ruby-1.9.1#大名鼎鼎的 make 和 installmake && make install#设置PATH路径,把安装的ruby放在系统PATH前面，避免调用操作系统自带的rubyexport PATH=/usr/local/ruby-1.9.1/bin:$PATH#在 ~/.profile 文件中增加了这样的代码:if [ -d "/usr/local/ruby-1.9.1/bin" ] ; thenPATH="/usr/local/ruby-1.9.1/bin:$PATH"fi然后 注销 再登陆一次.#如无意外ruby -v#ruby 1.9.1p0 (2009-01-30 revision 21907) [i686-linux]#ruby 1.9.1安装成功了.注意：之前安装了1.8版本ruby，可以直接通过rm -rf /usr/local/ruby-1.8删除即可。

webStorm 配置sass ,安装ruby 及实现编译scss文件 1、首先从 官网下载ruby2、安装 过程中安装成功后，查看版本信息ruby -vgem -v3、 安装Sass ，安装完后，会在 C:Ruby23in 多出如下文件gem install sass4、Webstorm里添加Watcher 工具栏--File ---打开Settings下的 -----Tools ---【File Watchers】右边栏的 "+" 选择 SCSSProgram: C:Ruby23inscss.batArguments--no-cache --update --sourcemap --watch $FileName$:$FileNameWithoutExtension$.cssOutput paths to refresh$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.mapEnvironment variablesC:/Ruby23/binps、 注意，如果文件路径有修改如：未修改： C:Ruby23-x64in 修改后： C:Ruby23in 这几个地方要统一：之前是 Ruby23-x64 ------>改后： Ruby23环境变量也需要改动。。。。。。。。。。。所以。。最好使用默认名称。编译后前后CSS

三种CSS 预处理器（框架）SASS2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS影响，已经进化到了全面兼容CSS的SCSS。LESS2009年出现，受SASS的影响较大，但又使用CSS的语法，让大部分开发者和设计师更容易上手，在ruby社区之外支持者远超过SASS，其缺点是比起SASS来，可编程功能不够，不过优点是简单和兼容CSS，反过来也影响了SASS演变到了SCSS的时代，著名的Twitter Bootstrap就是采用LESS做底层语言的。Stylus，2010年产生，来自Node.js社区，主要用来给Node项目进行CSS预处理支持，在此社区之内有一定支持者，在广泛的意义上人气还完全不如SASS和LESS。LESS & SassLESS是受Sass启发而开发的工具，它列出了如下开发的理由：“为什么要开发一个Sass的替代品呢？原因很简单：首先是语法。Sass的一个关键特性是缩进式的语法，这种语法可以产生柱式外观的代码。但是你需要花费时间学习一门新的语法以及重新构建你现在的样式表。LESS给CSS带来了很多特性，使得LESS能够和CSS无缝地紧密结合在一起。因此，你可以平滑地由CSS迁移到LESS，如果你只是对使用变量或者操作感兴趣的话，你不需要学习一整门全新的语言。”StylusStylus相对前两者较新，可以看官方文档介绍的功能。1.来自NodeJS社区，所以和NodeJS走得很近，与JavaScript联系非常紧密。还有专门JavaScript API2.支持Ruby之类等等框架3.更多更强大的支持和功能总结：Sass看起来在提供的特性上占有优势，但是LESS能够让开发者平滑地从现存CSS文件过渡到LESS，而不需要像Sass那样需要将CSS文件转换成Sass格式。Stylus功能上更为强壮，和js联系更加紧密。

首先我们先分享一下源码：https://github.com/kunfan96/vue-admin对于我这种刚开始用Vue做项目的菜鸟来说在组件数据定义方面犯了很多错误,尤其是在这个页面在进行数据回选的时候自己重定义已经定好的数据,导致数据非常杂乱无章,具体在storeDetail.vue的14--321行,感觉这么多数据非常有必要的进行裁剪,用js进行运算把数据补充完整,这里相对把后台的任务减轻了很多,只是额外增加前端渲染数据的量父子组件数据通讯问题刚开始写Modal的时候对于Modal的开关modal父子组件共享的数据,然后在关闭的时候子组件改变了父组件传递的数据会报错,也就是props的值在这里有2个解决方案,一个是用vuex共享Modal的开关(写起来有点绕,代码也不简洁),另外一个最好的方法是建立一个mixins文件夹,在mixins的js进行操作,关键代码--->mixins/closeModal.js--->this.$emit("on-cancel",false),子组件通过emit使父组件发生on-cancel,响应一个事件,这样写可以让其他多个子组件使用到Modal共用代码组件命名方式在这里我自己定义了文件夹采用了大驼峰命名法,例如文件夹Store,Shop,对于文件以及变量的命名采用小驼峰命名法,如果storeDetail.vue,parcelList.vue多用flex2018年flex将会是主流,兼容性问题也没必要理睬,还有多注意grind布局,可能也有流行了多用懒加载使用懒加载方便在低带宽时候能够带来更好的用户体验,在参考iview admin代码我把懒加载的用法统一为{ path:"/parcel-list", meta:{ group:"parcel", item:"parcel-list" }, component: resolve =>import("@/pages/Parcel/parcelList") } 侧边栏刷新问题在这里要注意到组件给了2个绑定的变量active-name,open-names,这里我们在路由设置的时候添加meta:{ group:"", item:"" } 通过this.$route.meta.group,this.$route.meta.item就可以与active-name,open-names进行匹配实现无刷新操作记得多npm run buildiview这个组件有点问题,有时候就是修改Modal的样式我明明在style(不带scoped)标签修改之后npm run dev样式修改成功,可是build之后样式就又重新恢复,后来把样式放在静态文件夹中才可以修改成功,还有就是表格居中build之后之后不能居中,总之,多build问题早点发现早点解决是好事(切莫佛系~~~)Echarts在VUE的使用在这里有个坑,在echarts实例化的时候在chart.vue有段代码<div :id="chart.id"></div> let myChart=this.$echarts.init(document.getElementById(this.chart.id)) 在这里注意到有个id,我在这里之所以这样做,把组件的id设为变量主要是echarts官网文档写到在网页中echarts实例化的div的id具有唯一性,由于我这个chars组件需要多次被被同一组件调用多次所以是只能将id设为一个变量(这个真的坑,调了很多次上官方文档看了好几次才知道...).另外最好把把echars的数据封装一遍多写公用组件框架这种东西本质就是减少代码,公用组件写好了调用的时候使用数据渲染就可以了,这样就能大大减少代码量,也符合MVVM的思想您可能感兴趣的文章:vue+iview写个弹框的示例代码基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)浅谈vue的iview列表table render函数设置DOM属性值的方法使用vue + less 实现简单换肤功能的示例浅谈vue引入css,less遇到的坑和解决方法vue的无缝滚动组件vue-seamless-scroll实例Vue2.0设置全局样式(less/sass和css)详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写cssvue-cli构建项目使用 less的方法Vue项目中引入外部文件的方法（css、js、less）vue-cli如何添加less 以及sassvuejs如何配置lessVueJS如何引入css或者less文件的一些坑

前端需要学习的内容很多，涵盖较多方面，大致可以分为以下几个阶段。一、初级阶段：前端初体验，感受视觉冲击，提升学习兴趣，打消学习疑虑PS入门（前端UI协同工具蓝湖与标你妹工具使用)HTML5，cSS3(大量CSS3网页特效制作)移动端布局基础(媒体查询、页面适配)，响应式页面布局。二、中级阶段：夯实基础，打通任督二脉，杜绝做一个API的搬运工JS入门，DOM操作，BOM，H5常用新API，Jquery之DOM操作，Ajax ;JS高阶，面向对象(OOP)，原型、原型链，执行上下文栈，作用域、作用域链，This，闭包，ES6/ES7.Jquery页面特效+插件封装;服务器知识Node.js (Express4) , MongoDB(mongoose)/Mysql. Websocket.三、高级阶段：通往前端实战之路，时下最新开发框架与使用技巧，杜绝过时技术炒剩饭Vue全家桶(Vue2.x+Vue-Router3.x+Vuex3.x+ElementUl2.x+Axios0.9)React全家桶(React16.x+React-Route-Dom5.x+Redux4.x+React-Redux+Redux-Thunk)微信小程序（登录态+微信支付)Webpack4.x

这样用还是不行的，如果你想用变量的话，需要转为另外一种语言动态编写css，less或者sass，这两种属于css的进阶版哦！

1、在项目中下载安装插件less。2、暴露配置文件。3、配置webpack.config.js文件，在项目中找到匹配loade的正则表达式，按照css的样子添加less。4、在已知的项目中，找到之前设置好的sass，通过配置less找到sass所在位置，在其下方将less配置React。5、通过添加代码可以完成配置，重启生效。

1.安装完node之后 在node目录下创建两个文件夹 通过cmd 命令行分别执行如下： 2.在“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量” 3.确定完之后 在cmd 里执行 使用cnpm 代替 npm 虽然提示不适合Windows，但是问题好像是sass loader出问题的。所以只要执行下面命令即可； 一般只要执行方案一就够了。 然后再运行,OK

造句指懂得并使用字词，按照一定的句法规则造出字词通顺、意思完整、符合逻辑的句子。依据现代语文学科特征，可延伸为写段、作文的基础，是学生写好作文的基本功。造句来源清俞樾《春在堂随笔》卷八：“其用意，其造句，均以纤巧胜。”夏_尊叶圣陶《文心雕龙》四：“造句也共同斟酌，由乐华用铅笔记录下来。”下面为您提供关于【光芒怎么造句子】内容，供您参考。1、听到妈妈牺牲的噩耗，小金花眼里射出仇恨的光芒。2、太阳光直射水面，发出耀眼的光芒。3、星星在明朗的夜空中闪耀着美丽的光芒。4、太阳发出炽热的光芒，烧烤着大地。5、谎言永远掩盖不住真理的光芒。6、庄严的国徽在阳光下闪耀着金色的光芒。7、他的眼睛里闪动着智慧的光芒。8、平静的湖水像镜面一样，被阳光一照泛出耀眼的光芒。9、新中国像光芒四射的朝阳，屹立在世界东方。10、文坛上又出现了一颗光芒四射的新星。11、在阳光的照耀下，湖面反射出耀眼的光芒。12、太阳发出炫目的光芒。13、这件首饰在太阳下发出金黄的光芒。14、朝阳放射出金色的光芒。15、她手上的钻戒闪耀着璀璨的光芒。16、街道两旁的霓虹灯闪烁着夺目的光芒。17、经过长途跋涉的我们终于到达峰顶，亲眼看到了万丈光芒劈开云层的那一刻，红日跃然而上，主宰着大地的心跳。18、你看流星它多么的闪耀，你知道为什么它会绽放光芒吗？19、光芒四射的水晶灯，把整个大厅照濯得灿烂辉煌。20、太阳发出耀眼的光芒。句子是语言运用的基本单位，它由词或词组构成，能表达一个完整的意思，如告诉别人一件事，提出一个问题，表示要求或制止，表示某种感慨。它的句尾应该用上句号、问号或感叹号。造句的方法一般有以下几种：1、在分析并理解词义的基础上加以说明。如用“瞻仰”造句，可以这样造：“我站在广场上瞻仰革命烈士纪念碑。”因为“瞻仰”是怀着敬意抬头向上看。2、用形容词造句，可以对人物的动作、神态或事物的形状进行具体的描写。如用“鸦雀无声”造句：“教室里鸦雀无声，再也没有人说笑嬉闹，再也没有人随意走动，甚至连大气都不敢出了。”这就把“鸦雀无声”写具体了。3、有的形容词造句可以用一对反义词或用褒义词贬义词的组合来进行，强烈的对比能起到较好的表达作用。如用“光荣”造句：“讲卫生是光荣的，不讲卫生是可耻的。”用“光荣”与“可耻”作对比，强调了讲卫生是一种美德。4、用比拟词造句，可以借助联想、想象使句子生动。如用“仿佛”造句：“今天冷极了，风刮在脸上仿佛刀割一样。”5、用关联词造句，必须注意词语的合理搭配。比如用“尽管??可是??”造句：“尽管今天天气很糟，但是大家都没有迟到。”这就需要在平时学习中，把关联词的几种类型分清并记住。6、先把要造句的词扩展成词组，然后再把句子补充完整。如用“增添”造句，可以先把“增添”组成“增添设备”、“增添信心”或“增添力量”，然后再造句就方便多了。随着信息新媒体的发展，网络已经成为继报纸、收音机、电视之后的主流媒体，并有将其整合的趋势。网民数量的激增使得网络话题的热议和网络语言迅速成为流行语。出现了很多新现象：网络造句——当某一新闻事件在网络迅速流传之后，新闻事件中的某一具有代表性的词语，在网友们的推广下，成为造句的主体，并迅速在网络流行展开。比如李刚事件中，我爸叫李刚成为流行语，以它进行的造句活动在网络铺开。例如：窗前明月光，我爸是李刚；给我一个李刚，我能撑起整个地球等。而在360与腾讯的3Q网络大战之后，一句“我很艰难的做出决定”也迅速流行。这类造句的特征主要是将已有的诗句、文章等进行改变而成。

　　在平平淡淡的日常中，许多人都有过写作文的经历，对作文都不陌生吧，根据写作命题的特点，作文可以分为命题作文和非命题作文。你所见过的作文是什么样的呢？以下是我收集整理的我的故乡作文，欢迎大家分享。 我的故乡作文1 　　我的故乡在哈尔滨，那里的冬天到处可见美丽的雪花一片一片的飘落。小朋友们快乐的打雪仗，可以说是“人间天堂”大地披上厚厚的，银白色的被子，好像快被冻死了呢!大树们穿上“雪衣服”在玩，只有那翠绿的雪松在大雪下傲然挺立。 我的故乡作文2 　　夜晚的明月似冰盘，清亮典雅;像明镜，清明高贵;如宁潭，清澈纯洁，美若天仙。童时的军营，嬉戏的场所，赏月的空地，乘凉的榕树就好像刻在了我的心里，无法望却。小时候，放了学，和小伙伴们在楼下的大院儿里玩个没完。什么过家家呀，捏泥人儿呀，反正是应有尽有。可是我最喜欢的还是看月亮。 我的故乡作文3 　　故乡的槐树虽然已经历过许多年的风风雨雨，显得那样苍老，但却终年挺立，永远屹立在我的心中，给我一段抹不去的家园乡情。春天，百花齐放，各色的花朵用绚丽的色彩点缀着被春风唤醒的大地。那棵老槐树在这样盎然的春色中显得十分“刺眼”…… 我的故乡作文4 　　我的故乡坐落在美丽的辽宁省沈阳市，这里一年四季都有美丽的景色。 　　春天迎春花最先开放，吐着黄色的花蕊，象征着春天的到来。桃花也不示弱，挥动着淡粉色的花瓣向你招手。 　　夏天，莲花满池塘，美丽一遍，远处的蛙叫声，近处的蝉叫声，还有孩子们相互嬉戏玩耍的打闹声，传遍每条大街小巷。 　　秋天，到世博园去转一转，各种各样的菊花，让你美不胜收，留连忘返。 　　冬天，大雪覆盖整个大地，松柏依就苍翠，雪地上有孩子们留下的快乐的脚印。 　　这就是我可爱的故乡，我最爱的沈阳，我爱我美丽风景融化的故乡。 我的故乡作文5 　　时间过得真快，一晃20年了，我已经不是小孩了，而是开了公司当上了大老板的大人了，也都也该回家乡看看了。 　　在回家的路上我就像：以前柏油马路上到处是灰尘，有时飞一吹，就吹得人满脸是灰尘，在操场的周围种着许许多多的柳树，还有一些小花小草，有些人在操场上玩儿的时候就把柳条拽下来，然后编一些花环什么的，还有许多小朋友或大人在操场上玩儿健身器材的时候就会把器材损坏，而且有人还把垃圾乱扔，很不文明，原来的公共厕所里也是又脏又臭的，现在过了二年了是不是有变化了呢？ 　　一进村口，我就看见了柏油马路上不但比以前宽了而且还比以前干净了许多，因为有机器人在打扫，人只要坐在家里用监控看着就行了，现在村子里的人都讲文明了，不像以前垃圾乱扔，也不像以前一样把器材破坏，令我最想不到了就是现在的高楼大厦了，一座座平方如今变成了一栋栋60多层的楼，变得真是太好了！这时该见见我的家人了，我找到了我家的楼房，一到家我急忙敲门，一看是一个白发苍苍的人给我开门，我想：这是谁呢？使劲一想哦原来这是妈妈，妈妈、爸爸看见我回来了很高兴，于是我就带着爸爸妈妈一起去玩了，回来之后我就想：是不是该见见我的同学了？” 　　之后我、李雨涵、范佳悦、尹佳琪、范乾乾、我们约好了地点，我们一见面咦！那还是我那时候最好的朋友吗？都变的好年轻啊，之后我们就迫不及待地开始聊天了，都说了说现在都是干什么的，生活条件怎么样，然后又说了说我们上学时，我们的童年可真快乐。 　　哎，一切都变了，变得比起前更加美好了，我好喜欢我的故乡啊，一个美丽的故乡。 我的故乡作文6 　　4月4日是中国传统的节日——清明节，我们全家回到了我的故乡——英山。我想大家也想知道我的故乡是个什么样子的吧，那我来为大家介绍一下吧。 　　英山是一个美丽富饶的小县城，被称为“绿茶之乡”。一进入英山的境内，您就会看到一个大大的广告牌，上面写着：“绿茶之乡欢迎您”。公路两旁，群山连绵起伏。到了英山的郊区，映入眼帘的是一片片绿油油的茶园，现在正是采摘茶叶的季节，茶园里到处都是忙碌地农民伯伯，不远处，有一片片绿油油的小麦和一片片黄灿灿的油菜，一阵微风吹过，油菜花香芬芳扑鼻，小麦也随风起舞，就像一个个绿衣姑娘保护着田野里丰收的果实。 　　我的故乡有山有水，还有两个有名的森林公园风景区呢：那就是吴家山和桃花冲。你们去过吗？那里群山环绕，树木茂盛，还有漂流呢！这个季节，正是鲜花盛开，有映山红、兰草花，还有各种我叫不出名字的野花，放眼望去，绿油油的树木和各种颜色的野花，画出了一幅优美的山水画。 　　我的故乡变化可大了！原来这里都是一座座破旧的房子，现在都变成了一幢幢高高的楼房；原来到处是一条条狭窄的小路，现在都建成了一条条宽阔的柏油路；街道两边都是一排排豪华的商店。 　　我希望我的故乡以后能像北京、武汉一样大，到处建起一座座立交桥，川流不息的汽车在宽阔的马路上行驶，人们的生活更加富裕…… 　　听了我的介绍，你们是不是想来英山了？想来就赶紧来吧，坐着车，你们还可以欣赏沿途美丽的田园风光。到了这里，你一定要告诉我一声，热情好客的我一定等着你，给你做一个好导游。 我的故乡作文7 　　紫金山上的层层云雾，玄武湖畔的棵棵杨柳，夫子庙旁的车水马龙，成了我脑海中挥之不去的故乡的模样。 　　告别故乡二十年载，踏金陵之大地好似慈母之怀抱。故乡，我回来了。 　　我本打算去一趟鸡鸣寺，却停留在一条普普通通的无名小道旁，迟迟不愿离去。这条道，与从前一样，依旧人来人往，小路旁堆积太多叶落，梧桐叶沙沙作响。一切都是那番模样，只是当年的人早已不知去向。可我还记得，三十多年前的一天，我从鸡鸣寺回家时看到这路上有个卖金鱼的阿姨，鱼是用透明瓶子装着的，我爱不释手，目不转睛的盯着瓶子里的小鱼，吵着闹着要让父母给我买上两条。父母非说这鱼活不长久，可也还算争气，陪伴了我两年多的时光，后来，它们离开了，我也长大了。 　　回家的路上，我路过了我的母校——金陵中学。夕阳无限好，只是近黄昏。天边还挂着几丝悠悠的火烧云，在墨蓝的天边格外耀眼，远看便是一抹火热的艳红，这美轮美奂的天空，也只有在我学生时代的晚自习才能看到的吧！校门口，一个个戴着红领巾的小学生哼着小调，一蹦一跳的出了校门。我看到了从前的我，和同学一起望着天上的晚霞“哇塞！”赞叹的模样。在故乡的学生时代，应是我最怀念却又永远倒不回的昨天。 　　我怀念的，是小道旁堆积的落叶；我怀念的，是晚自习结束后的那片晚霞；我怀念的，是我的故乡——————南京 我的故乡作文8 　　“太湖美呀太湖美，美就美在太湖水……”柔婉的歌声中，吟唱出的是对“充满温情和水”的太湖的浓浓情谊。而这浓妆淡抹的太湖就在我的故乡——河南。太湖在我国五大淡水湖泊中，名列第三，有三万六千公倾。在岸边，极目眺望，太湖山外有山，湖中有湖。那山，近则青翠瑰丽，远则隐隐如画。那湖，近处波光粼粼，游艇荡漾，风帆点点；远方水天相接，那些出没于湖中的渔帆，已难分清它们是在水里行，还是在天际飘。这“山不高而清秀，水不深而辽阔”的太湖多么叫人眷恋啊！ 　　古运河风光也非常美丽。临河的一些民居古色古香，一派水乡风光，船已入画，人已入画。在这幽静的水巷上有一座石桥——“清名桥”。桥下，碧水涟涟，微风吹过平静的水面，顿时微波泛起。在灿烂的阳光下，像一条闪闪发光的玉带。 　　河南不仅风景优美，而且特产丰富。三风桥酱排骨的美味、惠山油酥的香脆、阳山水蜜桃的甜美，太湖“三白”的鲜美，太湖珍珠的光洁，河南毫茶的清香，宜兴陶瓷的天工巧夺，惠山泥人的小巧玲珑，栩栩如生，河南小笼包的美味……这些丰富的特产都使人流连忘返，啧啧称赞。 　　河南还是个人杰地灵的好地方。文化昆仑钱钟书、七房桥之子——钱穆、经济学家——孙治方、画圣顾恺之、民间艺人华彦钧……河南真是人才辈出。因为如此，河南被称为文化城市。 　　这个风景优美，特产丰富，人杰地灵的好地方，就是我的故乡——河南。 我的故乡作文9 　　我的故乡是一个美丽的故乡，那里有着一大片一大片的草地，穿流不息的小河，有着古老的千年树木，那里非常的漂亮和美丽。 　　每到春季我的故乡到处都是绿油油的青草，里面还加杂着一些不知名的小野花，这美丽的小野花还有许多颜色、有红色的、有黄色的、蓝色的、紫色的和淡红色的.。 　　到了秋季就是另一番景色了。小麦地里金黄金黄麦秽仿佛象金光闪闪的金子，非常漂亮。时不时的不能看到农民伯伯在小麦地里挥舞着镰刀呢。 　　我的故乡就是如此美丽，一定要来参观参观啊！ 我的故乡作文10 　　我的故乡是一个美丽的小村庄。故乡的春天是富有生机的，故乡的夏天是充满活力的，故乡的秋天是挂满笑意的，故乡的冬天则别有一番风趣。 　　故乡的春天藏在春雨里，甘甜的春雨润醒了花儿，让它们开的格外引人注意；草儿好奇地钻出了地面，打量着故乡新的春景；村边的垂柳让春雨妈妈梳洗着细细的秀发；春天的足迹留在了故乡的各个角落，它把春意洒向了家乡的每一个角落，显示着春的风彩，春的神韵，春天在我的故乡展现的富有生机。 　　送走了春姑娘，迎来了夏娃娃，夏娃娃让火辣辣的太阳公公挂在天空上，烘烤着大地，烘烤着家乡的每个角落，一丝风也没有，村边的柳树无精打采的拉拢着脑袋，怎么也抬不起来，柏油地面被太阳烤得都要融化了，走在上面软绵绵的，像走在棉花上似的，每天晚上都会听见蝉不停的叫，好像在说：“好热呀，好热呀。”夏天在我的故乡展现的充满活力。 　　夏娃娃闹完了，秋妈妈来临了，秋妈妈那轻轻一吹枫叶就被染红了，各家种的水果蔬菜也丰收了，孩子们脸上的笑脸是那么的甜，枫叶红，菊花黄，大树显得多姿多彩，秋风吹来凉爽又舒适，而秋夜的月亮更是明亮皎洁，天上的星星，闪闪烁烁，看！会成了一道银河，晶莹剔透，秋天在我的故乡展现的丰富多彩。 　　瞧！ 　　秋妈妈走了，冬伯伯拄着拐杖，慢慢悠悠的走来了，下雪了，纷纷扬扬的雪花，漫天飞舞，不一会儿故乡的每个角落都变成了银白色的世界，慢慢的地面铺上了“雪毯”远远望见村边的几棵树上已落满了雪花，充满了诗情画意，好一个洁白无瑕的村庄呀，村里的几个孩子涌向了雪堆，活跃的身影欢快起来，冬天在我的故乡展现的真是有着一番风趣呀！ 　　我爱我的故乡，爱它的春、夏、秋、冬。 我的故乡作文11 　　我的家乡是一个四面环山的小镇，这儿没有繁华、喧闹的城市风景，却有着连绵不绝的青山绿水，因此这里的春也别有一番景色。如果说“夏”是一个健壮的青年，那么这里的春就是一位美丽的姑娘。满山的新绿给春姑娘穿上了绿衣，悠悠的白云在衣服上绣了几朵小花…… 我的故乡作文12 　　我有一个秘密的地方，那也是我想念的地方，还是我最爱的地方。 　　那儿绿树成荫，鸟语花香。虫子在树上鸣叫，小鸟在欢快地歌唱，小溪流向了远方。小朋友们在河边嬉戏，捉一条小鱼，抓一只小虾，心情无比欢畅。 　　鸟儿站在枝头，对树木说悄悄话。五颜六色的花儿散发出一阵迷人的芳香。美丽的蝴蝶在花丛中跳舞，好一派快乐的景象。 　　我最爱那个地方，那就是我的故乡。 我的故乡作文13 　　某一天，某一人。拖着沉重的脚步。迈出故乡。某一天，某一人。带着不舍的依恋。离开故乡。故乡，我土生土长的故乡。如今我便要离开你。我是不愿的，可是我没有选择。父母亲是不愿我留在家乡的。故乡，我不得不离开你。父母的命令是不可违抗的。我只好离开你，奔向远方。想必你也知道，我是无法离开你的，我对你的感情已经深深凝结在我的心底。无法割离。我不舍的神态与心情。游浮于脸上、心里。我知道，终一日，我必然会离开家乡。因为我知道，这小地方不适合我。只有闯出去了，才会有成果。终一日，我必定也会回到故乡。因为我明白。外面总是不适应的。只有故乡才是我的归宿。 我的故乡作文14 　　昨天的疲惫，造成晨光时分，我仍沉睡 　　刺眼的阳光和凉爽的风儿， 　　把我从梦中唤醒 　　啊！这是多么熟悉的事物 　　这是我的老家 　　穿上漂亮的衣服，来到了水平如镜的小河 　　捧一捧水来洗一下脸 　　感觉是多么凉爽 　　鱼儿不约而同地跃出水面 　　阳光下鳞片闪闪发光。 　　构成了一幅美丽的风景图。 　　从树上摘一个小橘子 　　剥开那橙色的橘子皮 　　露出的是一瓣瓣的橘子 　　那是多么的甜 　　妈妈给我的爱 　　也是那么甜 　　看看天上的云朵多姿多彩 　　它一会儿变成大象、小狗、小猫 　　变幻多姿 　　回到小院我还能跟“花花”一起玩耍、嬉戏

1、河岸边的柳枝随风摇摆想一个天生的舞蹈者绽放青春的光芒。2、天上闪烁的星星就像钻石不停折射着光芒，又像小孩子在不停眨着眼睛。3、他的眼睛里闪耀着自豪的光芒。4、他那对眼睛闪耀着一种灵活的难以捉摸的光芒。5、会场上上百盏照明灯放射着耀眼的光芒。6、正午的太阳，发出耀眼的光芒。7、硝烟散去了，壮烈牺牲的战士们羏膏湛碧，一个个眼里似乎还闪射着仇恨的光芒。8、我喜欢光芒四射星空，因为它给了我无限美好的遐想。9、一粒金子，可以悄无声息地在风沙中消磨掉，也可以散发出耀眼光芒。10、他们正近距离地站在一起。她的眼睛神采奕奕，闪烁着光芒。他被深深地吸引。

　　我的故乡湖南是个美丽的地方。以下是我为大家带来的我的故乡作文5篇，欢迎大家参考。 　　 我的故乡作文1 　　我的故乡湖南是个美丽的地方。 　　一年四季景色宜人是旅游的好地方。 　　春天，柳树像天使一样飞舞，轻轻地飘动。桃花开了，它红的像个害羞的小脸蛋，微微含笑。小桥下的水清澈见底，一条条小鱼游过来游过去，真像在巡逻的警察。它们快活的游着，更像只只翱翔天空的小鸟。 　　在冬天的时候，雪花纷纷落下，像一个个小伞兵从空坠落。一片片小雪花慢慢的堆成了白白的棉纱，大地白茫茫的一片。我和堂弟用手去抓雪，呀！好冷，我赶紧把手缩回来。 　　湖南过年的时候，小朋友们挨家挨户去拜年，见了面客客气气说：新年好，给您拜年了！这样就可以分到吃的或者给红包，大人们则是用芝麻茶来招待客人，芝麻茶就是放进芝麻和茶叶一起泡。据说这是一种很客气的招待方式。 　　哦！对了，奶奶家盖了新房子，可以去那里吃大餐。我和堂弟、表哥、表弟可以每人挑一个新房间。想知道为什么吗？因为我是好孙女，堂弟是好孙子，还有两个好外孙，我们都是有主见有思想的好孩子。快点快点过年呐！ 　　哦，令我朝思暮想的故乡，等待我归来！ 　　我的 故乡作文2 　　还记得杜甫的一首诗吗？露从今夜白，月是故乡明。对我们来说故乡的一切都是美好的，故乡的山，故乡的水，故乡的天，故乡的地。对我们都有一丝丝的养育恩情。我的故乡一个小小的村落，哪儿有着我满满的回忆。 　　我的故乡一个小小的乡村，在哪里没有高楼大厦，没有宽广的马路，没有乌烟瘴气的工厂；有的只是一排排整齐的砖瓦房，有的只是一个个勤劳的人，有的只是一颗颗朴实的心，有的只是到处飘着泥土味和青草味的新鲜空气。 　　故乡的秋，到处飘玉米小麦香味的秋。星期天到了，坐在家门前的小巷口，到处都飘着丰收的果实的香味，大街上的叫卖声应有尽有买苹果啦！橘子啊！叫卖声真是好不热闹。望望故乡的天，总是觉得故乡的天别的地方要蓝好多好多，故乡的秋的天总是少不了大雁南飞的景象，一排排的大雁结伴南飞，一下子打破了天空的寂静…… 　　故乡就像母亲的的手，永远给我的都是爱的抚摸。故乡有着我儿时的记忆，有着我童年的乐趣，在故乡这个摇篮上，我们可以安静的熟睡。 　　还记得小时候和小伙伴一起在小麦地里放风筝，整个田野地里都充满了我们的欢笑，在小麦地里我们可以肆无忌惮的奔跑，我们没有束缚，没有约束，在那的时候，我们只想着要让风筝飞得更高更远…… 　　转眼间，我们长大了好多好多，我们高声尖叫，划破了天空的寂静，我们放飞梦想，自由成长，我们变了好多好多，唯一不变的是对故乡的情，故乡的念，故乡的爱…… 　　 我的故乡作文3 　　伴着长长的车鸣，汽车钻进了一片浓雾。 　　故乡的晨曦躲在一片远山中，从密密的山路一直飘到了沉睡的荒地上。它唤起了石桥上的尘埃，它驱散了一夜的静谧，它的云雾弥漫在隐约的纱衣下，绽放出了羞涩的微笑。 　　在这片微笑下，我看不到闪烁的霓虹灯，听不到车水马龙的喧哗。这里是那么清宁、清静与恬静。井台咯吱咯吱地呻吟，牛羊脖子上的铃铛叮当作响，田野沟壑梯梯坎坎纵横交错，如家乡老人饱经风霜的脸。 　　土豆、红薯和自家腌制的咸萝卜处处飘香。铁环中偶尔溅起的泥土扑在农家小孩灿烂的笑脸上，这一切是那么和谐。既柔弱但又坚硬得容不下丝毫的破坏。 　　石阶的尽头延伸到树林的深处。这是一条多么幽深的石阶，上面或许沾染了少许青苔，但抹灭不了家乡人走过的无数亲切的脚印，无数艰辛的汗水。 　　涓涓的流水似乎永不干涸。细流冲刷着河底坚硬的河石，但河石仿佛蕴育大山的雄伟沉默，永远地沉思在细流的撞击中，年复一年。 　　林中的那棵黄桷树从我的记忆中浮现出来，还是一样的挺拔，不一样的是多了道道历史的沟纹，多了少许时间的沧桑。儿时的我总想爬上它的树顶，但惧怕大众的责骂。现在我已经放弃了这种想法。我想，让它成为我心中对故乡敬仰的化身吧！ 　　故乡普通得如同饮食中的小白菜，它既没有桃花满山的艳丽，也没有远飘万里的果香。但它在我的心中却有说不出的神秘，为什么井中的水总是那么甘甜？为什么那位哑巴老奶奶绣的花衣总是那么漂亮？为什么这里的小米饭总是那样香甜？为什么故乡人总是那么纯朴与亲切？ 　　我不明白大山下孕育着怎样坚挺的脊梁，俚我明白地底下涌动着无比热情的土壤。我不明白天空下隐藏着多么善良的愿望，但我明白溪流中流淌着永不言败的精神！ 　　无数次地站在那离别的树下，汽车疾驶而过的声音时时萦绕在耳旁，但浓浓的张音已掩埋了这聒噪的繁华。这种神秘的感觉笼罩着我，说不清也道不明。 　　 我的故乡作文4 　　在福州北岭连绵千里的群山中，沉睡着我美丽的家乡。每当我回想起故土，整个心儿便悠然飘了回去，飘到了那青青的山上，飘到了那芳香的泥土上，飘到了那清清的溪流上……啊，故乡！ 　　小时候，我最喜爱到大山上去玩。大山绿得可爱，树林在微风中摇曳，远远望去，好似绿色的波浪，自天边轻轻翻滚而来。山坡上，可以看见褐色的牛仔悠闲地吃草，它们身上有着圈样的花纹，嘴有节奏地咀嚼着，怡然自得。有时，还会有一两只雀儿停在它们的.肩上，怪有趣的。在田间，人们辛勤地耕作着，种下青青的秧苗，也种下了春天的希望。田野上方，一排电线划过长空，飞倦的鸟儿停在上面，犹如五线谱上一个个跳动的音符，谱写出一首春天的赞歌。 　　大山的水好清好清，一眼山泉，清澈透明，冬暖夏凉，从山涧奔涌下来，总也流不尽，干渴的人们一口一扣喝干了它，可它又不紧不慢地渗了出来。大山的水真甜啊，喝一口，细细品尝，甜进心里。仔细端详那山涧，还能在里面发现田螺，青蛙之类的小动物。听村里人说，就连动物们也爱喝那水呢。果然，有一次我亲眼看见一位老人提着满满一桶泉水，喂他的牛儿。只见那牛一路小跑过来，一头扎进水桶里，咕嘟咕嘟地喝着，喝完了以后还添着嘴唇，仿佛在回味呢！还是历代文人说的好：“那泉水是大山的乳汁。” 　　那乳汁浇灌出来的草地绿得可爱，大山就像铺上了一层绿色的地毯。那各种各样的野花，给绿毯绣上了彩色的图案；那缓缓流动的小溪，给大山镶上了明丽的银边……那时候，我和小伙伴们常常在翠绿柔软的草地上翻跟头，有时还比赛，看谁翻得多，结果个个翻得头晕眼花，昏昏沉沉半天才缓过神来。 　　在翠绿的树林间，宽敞的公路旁，卧着家乡的老屋。沉重的黄土块被村里日的大手一把一把地垒起来，在摆上些麦秸就筑成了许许多多这样的屋。其中最漂亮的一栋就是我爷爷的屋。灰色的墙，红色的瓦，室内宽敞，有上下两层，屋檐的四角向上翘起，像古代的宫殿。小时候，我就是在这屋中长大，度过我欢乐的童年。村人也十分热情好客，和蔼可亲，常常招呼我去做客，我也总是很有礼貌地道谢。我在山里的时候，曾许下一个誓言，当我长大的时候，我一定要努力学习，将来挣许多的钱，建设我心爱的山村，为人们造福。 　　时间过得飞快，转眼间，童年一晃而过，我离开了山村，到城里读书去了，但我始终不忘我的理想。 　　我要把心中的歌，唱给这片土地。 　　我要把心中的爱，献给这片土地。 　　 我的故乡作文5 　　清晨，太阳还躲在远山，整个三清湖与两岸群山掩没在浓浓烟雾之中，信步在湖畔，轻风随微波徐徐扑来，悄悄地梳理着我的惺忪睡脸，一阵清新贯穿我全身，整个身心倾刻活跃起来，望着眼前碧绿湖水，伸出双手，捧一把，仿佛手心盛的是阿尔山布拉格，往脸上轻轻一抹，犹如接受洗礼基督教徒，心中感觉无比纯洁与神圣，昨日所有忧郁与尘世烦忧，此刻被一扫而光，人生仿佛作了一次刷新，只恨没有神臂，将整个湖面紧紧搂抱在怀里。 　　顺着湖岸，一路踱去。两岸农舍在浓雾中忽隐忽现，房屋射出灯光，指明了杏花村去处，偶尔炊烟，与晨雾紧紧融洽在一起，让你辨不清什么是雾，什么是烟，就像心儿与这美丽三清湖融为一体一样，整个人被这美丽景色融化了。忽然，雾的深处隐约传来吆喝声，从远而近，从朦胧而清淅，仿佛自远古随历史长风飘然而至，一声声凝重而深沉，一叶扁舟顺着摇橹声从雾里慢慢荡来，犹如从梦中飘来，感觉处身在童话故事当中，似梦非梦，整个人随那扁舟在湖心荡漾着，久久难以释怀。 　　不远处，几个垂钩者全神贯注着湖面，他们大多是城里离退休闲置人员，来这里作一次情怡释然。他们并不在意有多少收获，更是一种心情陶治，一种人生至上情致。这里远离尘世喧哗，浓雾、微风、青山与绿水营造人间，与城里相比别有洞天，久而久之，钩鱼者也成了这里一道别致的风景。 　　这时，太阳在雾里出现它的轮廓，在阳光折照下浓雾渐渐变淡，而后慢慢飘散，座座大山依然屹立在湖的两岸，青山与绿水相互映衬着，营造一个青翠人间，要不是飘荡炊烟，摇晃小舟，举钩垂钩者与行驶公路汽车，真的以为这里是蓬菜仙境，认为这是一块未开垦处女地，整个人为这美丽的大自然而淹没了。 　　突然，眼前出现一块还没有为湖水完全淹没石碑，这是一块古老拴木板桥石碑，用铁链，一头拴在石碑，另一头串着桥面与桥墩，以防止汛期来时，桥被冲垮，木质桥墩与桥面不被洪水带走，石碑上被铁链磨损过的痕迹清淅可辨，仿佛在诉说着一段历史，读着这块石碑，犹如回到五十七年前，那个火热年代，火热季节，火热场面，一代人勒紧裤腰带，历经三年艰难困苦，用原始方法，开山劈石，硬是堆砌起百米高大坝，把信江源头三清山清亮亮溪水蓄积在这里，形成如今这个美丽三清湖，这被蓄积起来不仅是美丽湖水，更是一种可以传承的精神。 　　此时，阳光折射在微波荡漾湖面上，发出耀眼光折，一群小鱼在金灿灿湖水轻松遨游，我蹲下身子，再次将湖水捧起，思绪万千：这清凉湖水可是从那美丽三清山岩缝中奔涌而出，流经我家乡河床的泉水呵，放在嘴里舐一口，依然是那样香甜，那样沁人心脾，不含一丝杂质。这山、这水、这雾、这炊烟、这石碑、连同三清山古老的传说，一起构筑成我那可爱的故乡。 　　呵，三清湖，我的故乡我的梦！

1、神秘的宇宙等着我去探索。2、在无边无际的宇宙中，有无数个像地球一样的星球。3、宇宙中是否存在生命，到现在还是个未解之谜。

造句指懂得并使用字词，按照一定的句法规则造出字词通顺、意思完整、符合逻辑的句子。依据现代语文学科特征，可延伸为写段、作文的基础，是学生写好作文的基本功。造句来源清俞樾《春在堂随笔》卷八：“其用意，其造句，均以纤巧胜。”夏_尊叶圣陶《文心雕龙》四：“造句也共同斟酌，由乐华用铅笔记录下来。”下面为您提供关于【繁星造句什么的什么】内容，供您参考。1、现在，全国各行各业的人才灿若繁星。2、点点繁星点缀了湛蓝的夜空，也点缀了安睡孩子的美梦。3、夜空点点繁星，街头车水马龙。4、唐代诗人，灿若繁星，他们在世界文学殿堂中占有崇高的地位。5、现在我国科技人才辈出，灿若繁星。6、夜晚的繁星有如无数的灯火，把天空照得一片通亮。7、城市的街灯明了，犹如满天的繁星。8、这是一个美丽的夜晚，晴朗的夜空闪耀着北方的繁星。9、谁能说，月儿没有了繁星的缀伴便会失去光芒？10、夏天的夜，天空中繁星闪烁，不可胜数。11、我的心愿似空中的繁星，只盼望有一日能如愿以偿。12、天上的繁星非常美丽。13、夜空中的繁星像一眨一眨的眼睛。14、但观灯的人还是络绎不绝,各种彩色的灯像天上的繁星一样,大放光彩。15、如果你为错过太阳而流泪，你也将为错过繁星而黯然神伤。16、同学们，经过了一年的学习，你们在父母眼中已经成长了，再也不是那个幼稚的孩子了。新的学期，我希望能看到更多的你们在进步，在成长。希望新的学期，你们能如夜空中的繁星一样闪亮，更多的孩子能亮出自己的闪光点。17、历史是一幅画，时间是画纸。历史是无数的浪花，时间是一条河流。历史是绚丽的花朵，时间是一座大花园。历史是繁星，时间是蓝色的天幕。18、夜空的繁星，仿佛碧玉盘中撒满的宝石。19、繁星也许讨厌黑夜的沉闷与孤寂，却依然在寒夜里闪烁星光。20、在寂静的星空下，我睁大眼向上看，看着银河散落的无数多的繁星，心中淡淡地幻想深邃的太空。句子是语言运用的基本单位，它由词或词组构成，能表达一个完整的意思，如告诉别人一件事，提出一个问题，表示要求或制止，表示某种感慨。它的句尾应该用上句号、问号或感叹号。造句的方法一般有以下几种：1、在分析并理解词义的基础上加以说明。如用“瞻仰”造句，可以这样造：“我站在广场上瞻仰革命烈士纪念碑。”因为“瞻仰”是怀着敬意抬头向上看。2、用形容词造句，可以对人物的动作、神态或事物的形状进行具体的描写。如用“鸦雀无声”造句：“教室里鸦雀无声，再也没有人说笑嬉闹，再也没有人随意走动，甚至连大气都不敢出了。”这就把“鸦雀无声”写具体了。3、有的形容词造句可以用一对反义词或用褒义词贬义词的组合来进行，强烈的对比能起到较好的表达作用。如用“光荣”造句：“讲卫生是光荣的，不讲卫生是可耻的。”用“光荣”与“可耻”作对比，强调了讲卫生是一种美德。4、用比拟词造句，可以借助联想、想象使句子生动。如用“仿佛”造句：“今天冷极了，风刮在脸上仿佛刀割一样。”5、用关联词造句，必须注意词语的合理搭配。比如用“尽管??可是??”造句：“尽管今天天气很糟，但是大家都没有迟到。”这就需要在平时学习中，把关联词的几种类型分清并记住。6、先把要造句的词扩展成词组，然后再把句子补充完整。如用“增添”造句，可以先把“增添”组成“增添设备”、“增添信心”或“增添力量”，然后再造句就方便多了。随着信息新媒体的发展，网络已经成为继报纸、收音机、电视之后的主流媒体，并有将其整合的趋势。网民数量的激增使得网络话题的热议和网络语言迅速成为流行语。出现了很多新现象：网络造句——当某一新闻事件在网络迅速流传之后，新闻事件中的某一具有代表性的词语，在网友们的推广下，成为造句的主体，并迅速在网络流行展开。比如李刚事件中，我爸叫李刚成为流行语，以它进行的造句活动在网络铺开。例如：窗前明月光，我爸是李刚；给我一个李刚，我能撑起整个地球等。而在360与腾讯的3Q网络大战之后，一句“我很艰难的做出决定”也迅速流行。这类造句的特征主要是将已有的诗句、文章等进行改变而成。

秋风乍起，在美国当博士的我突然想起：我已经20年没回家乡了。于是，我决定，回到我阔别已久的家乡去看看。我骑上了“火速奔驰器”，心里激动万分：我的家乡究竟变成什么样子了？没来得及多想，我就回到了我的家乡——古冶。天啊！我不是在做梦吧！以前单调的旧楼，个个变成了五彩缤纷的别墅，以前尘土飞扬，满是垃圾的道路，竟变成一尘不染，一点垃圾也没有的地方！周围种着绿树红花，咦？道路上虽然开着五颜六色的宝马，可是，怎么没闻见汽车尾气的味道？奇怪。回家问问父母。我刚想行动，可父母已经开着车来接我了。“这，这究竟是怎么回事啊！”只见父母不慌不忙的说：“有什么吃惊的？现在家里都有一个感应芯片，只要亲人们在这个省里想的事，芯片都能印出来！”“可是，汽车为什么不排尾汽？”“现在的汽车，只吃垃圾，灰尘，污水，二氧化碳，但排出来的都是氧气。”“哦，原来是这样，回家吧。”回到家，我感到焕然一新，家里的第一层是黄色的，第二层是粉色的，第三层是绿色的。父母说，第一层是厨房和餐厅，第二层是卧室，第三层是小动物园。父母带我参观第一层，饭菜是机器人做的，基本上10秒钟上一桌饭菜。第二层卧室空荡荡的。怎么回事呢？这里的墙上贴着纸，纸上面画着各式各样的床，一共三张。原来，每个人都可以选床，一个卧室最多可以有三张床。最后一层更好了，有小猫啦，小狗的。最好的是，还有一个克隆的父母。克隆的父母不仅能唱歌会跳舞，又能书善画，还有智能芯片，和真人一样。而且，还可以管理小动物。第三层和第二层之间有个防音隔离膜，作用是可以隔离动物们的叫声。而且，动物们还出不来，必须人给抱出来。一天时间转眼过去了，直到傍晚，我才依依不舍地离开了我的家，我的故乡。回到美国，我的心里却还想着我的家乡。啊！美丽的家乡，我爱你

我的家乡是一个小镇，那里风景优美，绿树成阴。春天，树枝抽出了嫩绿的枝条，小草懒洋洋地睁开眼，花儿们也纷纷盛开了，红的、蓝的、黄的、紫的，千奇百怪，五光十色。花儿们发出阵阵醉人的芳香，引来一大群蝴蝶，蝴蝶在空中翩翩起舞，那景象可真美！夏天到了，树叶更绿了，还去河里摸鱼，那一棵棵树像一些战士一般。花儿们也更加芬芳诱人。荷花也开了，荷叶是绿的，荷花是淡粉红的，真美啊！我们小孩子最喜欢到荷塘采莲藕吃，一条条鱼在水中成群结队地游来游去，一被我们捉上来，就“活蹦乱跳”，看它乞求的样子，真可怜！秋天，大雁往南飞，一会儿排成人字形，一会儿又排成一字形。天空湛蓝湛蓝的，天空下是一片金黄的景象，麦子是黄的，树叶也是黄的，一片一片的树叶离开大树妈妈的怀抱，独自一人“旅行”。农民伯伯在这个季节可乐了，也很忙，因为他们辛勤的汗水培育的麦子成熟了，他们都忙着割麦子呢！冬天来到了，一颗颗雪花从天上飘落到地上，整个世界一片洁白，雪花是花状的，白白的，一捏在手中就融化成晶莹的小水珠了。我的家乡真美丽，我爱我的家乡！