sass default为什么写在后面

如果要在组件中使用，必须导入相应的资源文件。 每个需要用到变量的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文件使用。

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”文件，就可以通过浏览器进行解析。

混合宏@mixin，即代码片断。类似JS的封装函数，可以通过@include在需要的地方引入。

$ 符号 被 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

人们说，乡情总是令人难忘的。是的，乡情是一支古老而又深沉的歌谣，时时在我心中奏起爱的旋律。故乡那弯弯的黄土小道，那小河边的朵朵黄花，那淳厚善良的乡民……故乡的一切都浓在了我的乡情爱歌里。　　也许是那呜呜的叶笛，也许是那呢喃的紫燕，不，是家乡那淡淡的黄花吧，牵动了我多少归乡的梦。　　我的家乡是个不大的村庄，一条小河从村前流过。没到春天，河岸坡上就会开满黄花，一朵连一朵，一片有一片。颜色是淡淡的，但是看起来又是那样艳。它们开在荒地上，藏在野草间，调皮地向人们探着头，而在那黄花丛中，又包含了多么美妙的一个世界啊！这里又是一个天然“牧场”，黄花的枝和叶是肥美的牧草，人们喂养的牛羊都放养在这儿，所以人们更加喜爱这儿，喜爱这儿的黄花。　　那时，小村的生活就像清清的河水那样平淡而恬静。人们做完了事情，就坐在各家门前的黄土地上，摇这芭蕉扇，说这那古老而又遥远的故事，而故事又总是八仙，天宫……　　几年过去了，小村还是这样秀丽吗？河岸边上的黄花还是那样鲜艳吗？在春风荡漾的季节，我离开了喧闹的市区，回到了我日夜思念的家乡。　　汽车一直把我送到了村子的街头。我惊奇的发现记忆里那弯弯曲曲的黄土小道已被宽阔的马路所代替；原来道路两边的低矮破旧的房屋消失了，取而代之的是一栋栋的新瓦房，街道两旁载满了观赏的树木，每隔不远，还设有一个花坛，虽然不大，但青枝绿叶，姹紫嫣红，给乡村添上了无限生机。　　变了，小村大变了。我这样感叹着，走进了二叔的家门。刚跨进院子，就受到了热情的欢迎：鸡、鸭、鹅奏起了农家特有的“迎宾曲”，小黄狗欢乐的摇着尾巴。这时，二婶从屋里走出来，惊喜地喊到：“超儿，放假了，怎么回来也不打个电话呢？”边说边把我拉进屋里，又一阵风似的端出两盘黄橙橙的杏子。我看着二婶，真想不出昔日里沉默寡言的二婶，如今说话行动竟如此利索。我问道：“婶婶，二叔呢？”“他呀，他早到工厂去了，忙得连自家的责任田也不管了。噢，现在咱们办起了农副食品加工厂，你二叔他还是顾问呢！”二婶面带微笑，眉宇间洋溢着喜气。　　傍晚，乡村没入了夜色，孩子们都坐在家里看电视，大人们就聚集在一起谈起那让人激动的事情，但人们的话题不再是八仙，而是如何使农村变得更加美好，使生活更加富裕……　　家乡的夜，是这样的醉人，我没有丝毫倦意，快步出门，去寻找记忆里的小河，寻找梦中的黄花。不知不觉中来到了一个铺满碎石的工地上，这儿灯火通明，木料堆积，显然是一座投建中的高楼。我忽然想起来，这儿不就是那清清小河流经的地方吗？那梦中久久萦绕的黄花不就盛开在这儿吗？哪里去了？那美丽的小河和黄花哪里去了？　　我急忙向看护工地的老大爷打听，他指着工地，脸上洋溢着灿烂的笑容，说：“正在施工的是村子里的文化中心，是大伙集资兴建的。你说的那条小河呀，河水被引来修建了一个美丽的小湖；野花倒还有，可总不能为此误了大事儿……”我听着心中不免有些惆怅。可是望着工地上璀璨的灯光，望着老大爷脸上灿烂的笑容，我忽然想到，等文化中心在这儿拔地而起的时候，夜晚，那一个个灯光闪亮的窗口，不就是一朵朵美丽的黄花吗？　　啊！家乡的黄花，我乡情爱歌里一个永不消失的音符

夏天的星空群星闪烁。好像是在眨着的眼睛。像是在诉说着什么？像是在讨论问题等等。

我的家乡_写家乡作文600字 我的家乡是个美丽富饶的地方。一想起我的家乡——福建，就使我心花怒放，心久久不能平静。家乡存储了我天真烂漫的童年。那里的一草一木，一山一石是我最好的朋友。 春天，小溪里的水融化了，那叮叮咚咚的流水声像一首悠悠的小令，非常动听。一群群的鸟儿从南方飞回来了。鸟儿站在树枝上唱着美妙动听的乐曲。燕子在屋檐下建起它们温馨的小屋。花儿竞相开放。家乡的春天就像一幅幅美丽的图画。 夏天，家乡开始热闹起来了。知了在树干上叽叽喳喳的叫着，好像在说：热死了！热死了！鱼儿在自由自在的游来游去，快活极了。高大的树长得葱葱茏茏，就像草原上的哨兵一样。溪边，小朋友们在欢快的玩耍，有的在游泳，有的在打水仗，有的在洗衣服。 秋天的天是那么蓝，那么高，田野里一派丰收的景象;果园里，各种各样的水果让人垂涎三尺，农民伯伯怀着喜悦的心情，都在收割呢！动物们正在准备过冬的粮食呢！青蛙正在修筑它那温暖的小窝。大雁排成人字行的队伍向南方飞去。 冬天，家乡下起了霜，花草树木都皮上了一层厚厚的冰。动物们在家舒舒服服地过冬呢！小朋友们被冻得更加来劲了，大家站在河面上欢快的溜着冰，有的甚至吃着在花儿上结的冰块，大家玩得非常开心。 家乡存储了我快乐的时光，给我留下了深刻的印象。家乡的美丽风景给我们带来欢乐。每次想的家乡，我就不禁想起童年在家乡过的快乐时光。这样美丽的家乡，难道不使我去爱它吗？ 高平是我家_我的家乡作文800字 “羊头山下是我家，首阳生辉，定林染翠，金峰迎朝霞。”在巍巍羊头山之下，在始祖炎帝的光芒之中，有着这样一个美丽的城市，它就是我终生热爱的故乡——高平。 家乡的历史是悠久的。回想当初，赵国老将廉颇坚守长平，使秦军三年攻城不得取胜。谁承想，奸诈的秦王居然施反间计，致使赵国用将不当，一代强国就这样灭亡了。后人为了纪念廉颇这位英勇之将，修筑了大粮山。我曾去游览过，站在山顶，第一眼看到的就是那尊石像——廉颇。他那坚定的眼神，让人看了以后不得不产生一种敬畏之情。可想而知，强大的秦军为何苦攻三年却迟迟攻不下长平，他们早已被廉颇那坚定的眼神所压倒。眺望远方，碧树青山，云雾缭绕，守护着这个地方，此时再望向石像，我的心里久久不能平静 家乡的景色是美丽的。春暖花开，梨花飞雪，一场春雨过后，家乡景色焕然一新。这时最想投身于大自然。看！嫩绿的草儿钻出来了，它贪婪的吮吸着露珠，恨不得马上长大；最妙的是梨花开放时，山上一片雪白，如刚下过小雪一般，纯洁得很；夏天，大树长得郁郁葱葱的，格外茂盛，树叶青翠欲滴。清晨，红日升起来了，霞光万丈。站在山上，大喊一声，阳光射在身上，顿时感到心情格外舒畅。秋天，玉米成熟了，金色的田野中，散发出阵阵清香。果子成熟了，果树上结出硕大的果实。摘下来，咬一口，清凉爽口。“忽如一夜春风来，千树万树梨花开。”大雪纷飞，银装素裹，一片雪白的世界。家乡冬天的景色多美啊！花儿收到了冬姑娘送给它的礼物，带着微笑进入了梦乡。而柏树却迎风挺立，一点都不畏惧寒风的侵袭。白雪覆盖了大地的每个角落，毫不吝啬地把家乡装点得无限美丽。 家乡的发展是迅速的。现在的高平，各式各样的楼房数不胜数，比起以前的旧平顶房，这新楼房简直就是“奢侈品”。街上的饭店，商场多得很，都可以用“百花争艳”来形容了。还有小轿车，什么“大众”“本田”，满大街都是的，还开了电影院。家乡的发展真是迅速之极，我相信在不久的将来，家乡一定会建设的更加多姿多彩，更加美丽富饶。 啊！我的故乡！我魂牵梦绕的故乡！我一定会努力学习，让你拥有一个更加灿烂，更加辉煌的明天！ 我的家乡_写家乡作文700字 杭州有闻名中外杭州，而我的家乡——绍兴，也有一个风景优美的东湖。它同样吸引着成千上万的游客，来观赏这里的奇特景色。 东湖的奇特，在于岩石和水。根据历史的记载，东湖在古时候原是一座青石山，威名赫赫的秦始黄，东巡时曾在此休息。为了供秦始黄御挡敌人用的。 没有去台州临海之前，只知道杭州的西湖依山傍水、风景秀丽、无可比拟。来到临海，第一眼看见东湖，只觉得湖山相映成趣，似曾相识。进入湖内景区，只见曲径通幽、小桥流水，间有古色古香的小型古典建筑，掩映于绿树红花之中。人在景中穿行，如在画中游。想到古人云：好画应该可看、可居、可游。其实美景也应如此啊！因为是薄熙微露的早上，游客还不是很多，这样也好，没有了杭州西湖游人如织的繁杂热闹，倒是另有一番景致。太阳渐渐升高了，金色的光芒给湖后的群山镶上了一条边，映得水面波光粼粼的，煞是好看，我们都有些陶醉，倘佯在水光山色之间，忘却了一切疲惫，旅途的艰苦早已不在。园子里还有一个老戏台，上面没有戏剧上演，空空落落的，只有几个当地的居民在空旷的园子里哼唱着古老的戏剧台词，依稀还有些历史的余韵。让人回想起曾经繁华的一些模糊记忆。 等我们爬上了临海古城墙的最高处，回头望山下的东湖时，才发现原来此湖确实有于杭州西湖相似之处，中间也有一条长堤，上建多处亭阁，怪不得当地人称小西湖。 临海东湖之名，以紧临台州古城墙东侧而得，原为城北白云、山宫数溪汇合处。此湖的历史也是有些来头了，据说是在宋熙宁四年（1071）时，由郡守钱暄开凿而成。南北长近500米，东西宽约150米。 杭州的东湖静，静得像一面镜子，绿得仿佛一块无暇的翡翠，清得可以看见江底的沙石。我们乘着小船荡漾在东湖上，可以使你感觉船没有在动。 我的家乡，有着许多特产，家乡，我爱你，你是我的骄傲。 希望大家都来我的家乡游玩。 我的家乡_写家乡作文700字 我是一个农村生长的孩子，这里没有繁华的街道，也没有城市的喧嚣，但它却有着清新自然的风景，纯朴勤劳的人们。听烦城市喧闹的你，请和我一起出发，去领略一下我家乡的美丽所在吧！ 不知不觉，春天已悄然来临。沉睡的动物们开始苏醒，小草破土而出，尽情地吮吸着大地的甘霖。冰冻已久的河水开始融化，发出潺潺的流水声。鸭子们在水面上相互追赶，嬉戏着。鱼儿不时跳出水面，花儿也不甘示弱，迫不及待地开放着，引来许许多多的“采蜜者”。辛勤的人们扛着农具到地里耕作，路旁的电线杆上栖息着可爱的小燕子，像五线谱上的跳动的音符。 “接天莲叶无究碧，映日荷花别样红”，转眼间炎热的夏天到了。池塘里的荷花早已竖满河面，调皮的蜻蜓们在荷丛中飞来飞去。勤劳的人们开始插秧。瞧，年纪稍大的人左手拿着板凳，右手抱着稻草，急急忙忙往田间走去，他们准备拔秧苗。年轻人卷起衣袖弯下腰来，身手敏捷地插点秧苗。这劳动的景象在阳光的映照下显得那么生机勃勃。寂静的夜晚，劳作一天的人们开始进入梦乡，屋外只听见蛙声一片。 “自古逢秋悲寂寥，我言春日胜春朝。”秋天是丰收的季节，喜悦的季节。一台台收割机在田间来回穿梭着，不时发出哽咽的声音。那金黄的稻穗在微风的吹拂下，发出“哗哗”地声响。看着一袋袋“胜利的果实”人们露出了笑脸，欣慰之情顿时驱走了所有的劳累。 “忽如一夜春风来，千树万树梨花开”，不知不觉，寒冷的冬天到了。人们三五成群地围在炉火旁，相互攀谈，谈论今年的收成，谈论明年的打算，笑声洋溢着整个屋子。下大雪了，我的家乡就像披上了一件白绒似的大衣，纯洁而又美丽。看！孩子们快乐地挥舞着小手，堆雪人，打雪仗，虽然天气很冷，但是他们的内心却是无比的快乐！你听，一串串银铃般的笑声在村庄上空回荡。纯朴的村民们手里拿着大扫帚，扫出一条条道儿来，为过往的行人提供方便。 这就是我的家乡！它是如此的自然，朴实，我爱我的家乡！ 我的家乡_写家乡作文1000字 梦见家乡山水呀，啊呜依，啊呜依，睡着也会笑醒来．．．．．．耳畔萦绕着这动人心弦的歌曲，我不由得想起我的家乡。 我的家乡是一个没有灯红酒绿，远离城市喧嚣，生活自然淳朴的小山村。她始终悠闲自得地依偎在群山的怀抱之中，用沁人心脾的山水养育着这里祖祖辈辈淳朴善良的人们。村子后面伫立着一座很独特的小山，半山腰处有个清澈的小潭，往上看去，不过一人高的地方，一股冰凉的水一年四季从拳头般大小的洞里缓缓的流进小潭，那深不可测的小洞里一定是水源吧，小潭周围都是奇形怪状的石头，夹缝之间生长着郁郁葱葱的灌木丛。小山旁边有一大块平坦的草地，春天一到，草地上便洒满各种颜色的小花。大人小孩都爱到这块草地上躺躺，喜欢赤脚踩在软绵绵的草地上，清新的空气能消除疲劳，辽阔的天空总能带来愉悦的心情。 春风唤醒大地，和煦的春天正是农忙的季节。春雨淅淅沥沥的下着，放眼望去，农民伯伯们穿着蓑衣，戴着斗笠，在崎岖不平的土地上忙着播种。累了、倦了，便捶捶腰，然后又继续埋头苦干。日出而作，日落而息已然成为他们的习性。 夏，是我最爱的季节，天气虽算不上炎热，但也能让人汗流浃背。所以每到夏季，小山这个凉爽的地方便是我们的乐园，白天我们总是跑到这小山坡上尽情的吮吸着这冰凉的潭水，吹着徐徐的凉风，在水边嬉戏，在草地上玩耍。静谧的晚上，夜色如墨，蚕的知了声，青蛙的呱呱声，打破了这夜的沉寂。成片的萤火虫提着盏盏灯笼，布满整个小山丘，莹绿色的光芒为这黝黑的夜增添了一抹耀眼的色彩。小伙伴们拿着扫帚往空中一拂，这些可爱的小东西便附在扫帚上面，然后把它们装在布袋或玻璃瓶子里。喜欢把它拿在手里面把玩，也是我们夜行的指路明灯。 秋收的季节农民伯伯们又忙着收获这一年的喜悦，金灿灿的稻子、沉甸甸的玉米、红彤彤的高粱，瓜果豆荚便是他们生计的依托。深秋的时候整个山上的树换了一身金装，村子显得更加的静谧。 终于，冬天来了，这里的冬天并不算冷，也很少见到雪，下雪的时候，积雪也不够厚，不能像北方哪样堆雪人，打雪仗。雪后积雪最多的就是那片草地了，每到下雪天，孩子们总期盼着来场磅礴的大雪，并提前用纸板或者泡沫做成各式各样小动物的模型，只要一下雪，小伙伴们便拿着这些模型放到草地上，第二天这些模型就变成了各式各样的冰雪小动物，然后我们偷大人用的口红、眉笔这些来给它们化妆，简直就是一个生机勃勃的动物游乐园，这些活泼可爱的小动物在阳光的照射下显得异常耀眼，徐徐生辉。 年复一年，现如今的家乡，渐渐的走上小康，但原来淳朴的风貌从未改变，生活在这里的人们依旧勤劳朴实，最大的改变也许就是渐渐变富裕的生活。

星空的国语词典是：有星的夜空。如：「今晚的星空特别灿烂。」词语翻译英语starrysky,theheavens德语Sternenhimmel(S)_法语cielétoilé。星空的国语词典是：有星的夜空。如：「今晚的星空特别灿烂。」词语翻译英语starrysky,theheavens德语Sternenhimmel(S)_法语cielétoilé。词性是：名词。注音是：ㄒ一ㄥㄎㄨㄥ。结构是：星(上下结构)空(上下结构)。拼音是：xīngkōng。星空的具体解释是什么呢，我们通过以下几个方面为您介绍：一、词语解释【点此查看计划详细内容】星空xīngkōng。(1)缀满星星的夜空。二、引证解释⒈有星光的天空。引沙汀《困兽记》十八：“仿佛他们的心思，全被灿烂的星空吸引住了。”杨朔《潼关之夜》：“潼关的城墙和城楼衬映在星空之下，画出深黑色的轮廓。”冰心《走进人民大会堂》：“走进万人大礼堂好像凝立在夏夜的星空之下。”三、网络解释星空（几米著绘本）《星空》是2009年现代出版社出版的图书，作者是几米。《星空》，是风靡华人世界的畅销绘本画家几米2009年最新力作。描述了一个关于长大的故事：有个不爱说话的少女，认识了一个不爱说话的少年，他们都不是最快乐的孩子。有一天，他们逃离城市，翻山越岭，来到少女的爷爷曾经住过的山中小屋。在山里的夜晚，他们看到了最美丽的星空。后来，少女病了，而少年不知去向他们究竟经历了什么，才能走出心理的阴影呢？星空（汉语词语）星空是汉语词语，拼音是xīngkōng，指有星光的天空。关于星空的近义词苍穹高空天空夜空关于星空的诗词《在哈尔盖仰望星空》《望星空》《跋江都王马·天上房星空不动》关于星空的诗句在黑暗的河流上被你所遗落了的一切终于只能成为星空下被多少人静静诵着的你的昔日我的昨夜沙堡到了最后黑暗的浪潮总是会吞蚀尽我的每一种期待每一个梦想故事一旦开始再怎样曲折也只是在逐步走近结束的方向我当然明白所有美丽的呈现只是为了消失所有令我颤抖与焚烧的相见啊只是为了分别可是你不能禁止我在这海边用我仅有的时间来不断营造或者重温每一部分的细节当海洋逐渐升高迷航的船舶终于都在远方沉没我当然明白今夜之后我为你而留下的痕迹不会比一座沙堡更多美酒终于厌倦了这种把灵魂一层又一层包装起来的世界我要回去了列蒂齐亚下决心不再对生命提出任何的要求什么也不带走只留下孤独做为我款待自己最后的那一杯美酒雨中的山林云雾已逐渐掩进林中此去的长路上雨润烟浓所有属于我的都将一去不还只留下在回首时这满山深深浅浅的悲欢沧桑之后沧桑之后也许会有这样的回顾当你独自行走在人生的中途一切波涛都已被引进呆滞的河道山林交易星光逐渐熄灭只留下完全黑暗的天空而我也被变造成与起始向你飞奔而来的那一个生命全然不同你流泪恍然于时日的递减恍然于无论怎样天真狂野的心也终于会在缰绳之间裂成碎片沧桑之后也许会有这样的回顾请别再去追溯是谁先开始向命运屈服我只求你在那一刻里静静站立在黑暗中把我重新想起想我曾经怎样狂喜地向你飞奔而来带着我所有的盼望所有的依赖还有那生命中最早最早饱满如小白马般的快乐还有那失落了的山峦与草原那一夜桐花初放繁星满天幕落的原因在掌声最热烈的时候舞者悠然而止在似乎最不该结束的时候我决定谢幕也许也许有些什么可以留住那光灿和丰美的顶端了如果我能以背影遗弃了观众在他们终于遗弃了我之前我需要有足够的智慧来决定幕落的时间在黑暗的河流上读《越人歌》之后灯火灿烂是怎样美丽的夜晚你微笑前来缓缓指引我渡向彼岸当灯火逐盏熄灭歌声停歇在黑暗的河流上被你所遗落了的一切终于只能成为星空下被多少人静静传诵着的你的昔日我的昨夜附记：《越人歌》相传是中国第一首译诗天上房星空不动天上房星空不动关于星空的成语空口说空话卖空买空妙手空空买空卖空零零星星星星之火空空洞洞空对空丧门星空空如也关于星空的造句1、我们在星空下，轻摇_，慢划桨，以至乐而忘返。2、闪烁的星空下，我拖着疲惫的身体向家走去。3、那时的美苏太空热一下子席卷全球，人们发射各种航天器到太空中去，写各种诗词语句画各种图画发射到太空中去，人们频繁地仰望星空，渴望着，等待着。4、在大草原上，抬头便是一望无际的星空。5、我喜欢光芒四射星空，因为它给了我无限美好的遐想。点此查看更多关于星空的详细信息

在遥远的地方。望着遥远的星空。回忆着遥远的记忆。

1.描写我的家乡作文600字 　　我的家乡是一个叫金堆城的小城镇，这里的景色很美，春、夏、秋、冬，各有各的特色，尤其是家属楼后面的那座小山，那里是一个很美的风景区。 　　春天，小山上的树发芽了，嫩绿嫩绿的，远远望去，就像西湖一样，高高低低的树就像湖里微微起伏的波浪，给人一种心旷神怡的感觉，好舒服呀！ 　　夏姑娘来了，她伴随着一阵阵知了的歌声，蹋着欢快的脚步声来了，她的到来是树木更加枝繁叶茂，她的到来使人们的生活更加丰富多彩，他的到来使小朋友们可以在暑假里尽情地游泳、玩耍、逮知了…… 　　秋天的山上更加美丽，山上的树叶变了颜色，有红的，有黄的，有绿的，五颜六色，就像一幅美丽的山水画。 　　秋天，山上不但美丽而且还是一个收获的季节，树林里生长着珍贵的中药材，有灵芝、党参、天麻…等等，还有各种各样的山果，如五味子、核桃、板栗等等，还有一种野山果，酸酸的，甜甜的，好象叫…哦…对了，它叫剪子果，剪子果没有熟透的时候是青色的，半熟了是黄色的，熟透了是红色的。 　　冬天的雪景，那才叫美呢！一场大雪过后，你看那山上的树、小路、山下的房子都披上了银色的大衣，下雪的时候，雪花纷纷飘落下来，就像天女散花一样。雪花就像淘气的小孩子，它慢慢地飘落到人们的脖领里、手心上，人们刚想仔细地看看它，可它又慢慢地融化了，变成了一滴晶莹的水珠。至于那些堆雪人，打雪仗的小朋友，更是乐翻了天… 　　这就是我的家乡—一个山区小镇，一个我最喜欢的地方，我认为它就是一个美丽的风景区，你认为怎么样呢？ 2.描写我的家乡作文600字 　　我的家乡在繁华的都市——北京，我家不远处有个陶然亭公园，那里一年四季景色怡人，是我很喜欢去的公园。 　　春天的陶然亭，像一座美丽的大花园。公园的小山坡上，小草换上了浅绿色的衣裳。还有几朵紫色的、黄色的、蓝色的小野花从小草间冒出来，更增添了几分春意。树上的嫩芽也都争先恐后地探出了头。走在弯弯曲曲的小路上，我们欣赏着满眼的春光。 　　夏天，小山上的树长出了茂密的树叶，象搭起了一座凉篷，走在小路上，感到非常凉爽。这时的小草已经变成了深绿色，花儿开的更鲜艳了。小蜜蜂在采蜜，小蝴蝶在翩翩起舞，小松鼠在林间蹿来蹿去，给夏天增添了许多生机。下雨的时候，我们打着雨伞，漫步在雨中，眼前一片雾蒙蒙的景象，树上落满了晶莹剔透的水珠，把树装饰的漂亮极了，仿佛来到了人间仙境。 　　秋天，小山上落叶纷纷，落叶的颜色有红的、黄的、棕的，落在地上，铺成了一个五颜六色的地毯。我走在“地毯”上，“地毯”沙沙地发出清脆的声音。原来，这就是秋的声音啊！小草换上的金黄色的毛衣，显得更加美丽。小野花打了个哈欠，睡在了土里面，下一个春天时，它们会开的更美、更艳。 　　冬天，洁白的雪给小山坡披上了一件雪白的外套。树上开满了“梨花”。我踩着那雪白的“地毯”，漫步在雪中。我的心突然变得纯洁、明亮，一下开心起来，我抓起了雪，揉成了一团，和爸爸妈妈打起雪仗来。啊！冬天好快乐呀！ 　　陶然亭公园四季的景色优美，我爱陶然亭公园，我爱我的故乡——北京！ 3.描写我的家乡作文600字 　　我的家乡是个美丽富饶的地方。一想起我的家乡——密山，就使我心花怒放，心久久不能平静。家乡存储了我天真烂漫的童年。那里的一草一木，一山一石是我的朋友。 　　微风一来，桉树树叶发出“沙沙”的声音。桉树旁还有一棵垂柳，那长而柔软的柳枝随风舞动。婀娜多姿，恰似一位仙女下凡，风度翩翩。柳枝垂在水面上画着粼粼波纹。柳枝衬着各色小花，真是疏影暗香。 　　我的家乡，春天来临。沉睡的动物们开始苏醒，小草破土而出，尽情地吮吸着大地的甘霖。冰冻已久的河水开始融化，发出潺潺的流水声。鸭子们在水面上相互追赶，嬉戏着。鱼儿不时跳出水面，花儿也不甘示弱，迫不及待地开放着，引来许许多多的“采蜜者”。辛勤的人们扛着农具到地里耕作，路旁的电线杆上栖息着可爱的小燕子，像五线谱上的跳动的音符。 　　“接天莲叶无究碧，映日荷花别样红”，眼间炎热的夏天到了，池塘里的荷花早已竖满河面，调皮的蜻蜓们在荷丛中飞来飞去。勤劳的人们开始插秧。瞧，年纪稍大的人左手拿着板凳，右手抱着稻草，急急忙忙往田间走去，他们准备拔秧苗。年轻人卷起衣袖弯下腰来，身手敏捷地插点秧苗。这劳动的景象在阳光的映照下显得那么生机勃勃。寂静的夜晚，劳作一天的人们开始进入梦乡，屋外只听见蛙声一片。 　　我的家乡，还有一个湖，它就是“兴凯湖”。变的像西湖似的大湖泊，它是我家乡的四大景点之一。在那，可以游泳，可以垂钓，白天水光潋滟，晚上波光动人，真是令人陶醉…… 4.描写我的家乡作文600字 　　海浪带着遥远的歌声拍打着沙滩，沙滩上凹陷的足印被一一抚平，浪潮一波一波冲上，然后又一一褪去，但褪去的浪潮似乎将我对家乡的记忆也带走，走向了远方，渐渐变的模糊。 　　我的家乡在海边，以前的我最喜欢做的一件事情就是光着脚丫，悠悠的走在海滩上，海浪冲了上来，带来了几许清凉，带走了几分灼热。 　　我的家乡是美丽的，蔚蓝的大海，清凉的海水，海面上飞过的海鸥，海水里游玩的鱼儿……家乡的美景让家乡的人都赞叹。家乡的人也喜欢到海边来乘凉，尤其是夏日里，凉爽的海风带着水汽吹过我们的身体，吹走了白日里缠上了我们身体的热气。那时的家乡太过美好，美好的另我无法相信如今家乡的模样。 　　海还是那片海，但是不在蓝；沙滩也还是那片沙滩，但是已经肮脏不堪。记忆中洁白的海鸥早就不见了踪影，水里的鱼虾也已了无踪迹。我的家乡变了，变得面目全非，变得再也找不出当年的那副模样。 　　早些年，我家就般了新家，我也少有回到家乡的时候，只是去年一个假期我随着爸妈重新回了一趟家乡。那天，我站在岸边上瞧着那一片承载了我童年所有美好时光的沙滩被塑料垃圾铺满，看着那一片记忆中的蔚蓝大海，如今临近海岸一侧的水发黑发臭，我呆住了，脑海里只有一个声音，就是这里不是我的家乡。 　　我的家乡是美丽的，是我一直以来向外人们炫耀的地方，可如今的这副模样，我瞧着，心里发酸，眼眶发红，因为我的家乡不在了，我找不到丁点记忆中的痕迹。 　　那一天，我是带着激动的心情回了家乡，但后来，我是带着眼泪走出了家乡，我心中最美好的一个地方不见了。 5.描写我的家乡作文600字 　　我的家乡在重庆，重庆位于长江的上游与嘉陵江相汇之处，山高雾多，所以重庆叫做有名的山城。它还是购物，美食和旅游的好去处。 　　重庆的商场里，有各种各样的商品，琳琅满目，应有尽有，而且物美价廉。还有来自两百个国家和地区的商品。在重庆，人们能够品尝到世界各地的美食。内地的川菜、德国、法国、意大利等国的佳肴，一应俱全，游客们可以大饱口福。特别是重庆的火锅，旅客们的喜爱。不管春夏秋冬火锅店都是坐着满满的客人，特别是冬天人们最喜欢吃着暖烘烘的火锅了，不会感觉很冷。 　　重庆江多、山多，特殊的地理环境使重庆成为全国桥梁最多的城市，人们把重庆称为中国的桥都和桥梁博物馆。重庆有各种各样的桥，有重庆长江大桥，这座桥是重庆境内修建的第一座公路长江大桥，嘉陵江大桥和渝澳大桥，它们肩并肩的横跨嘉陵江，就像亲密的两姐妹石门大桥，远远望去，连接将北和沙坪坝的石门大桥就像竖琴一样，丰都长江大桥，它是吊桥，桥下没有桥墩，真神奇啊！ 　　重庆还是一个旅游胜地。游客们来到这里都去南山公园，金佛山等，金佛山就是其中的一个例子，它的里面有美丽的雪景，通常人们都是穿着厚厚的衣服去的。 　　每当夜幕降临的时候，重庆就成了灯的海洋，光的世界，解放碑闪耀的灯光，像五颜六色的焰火，洒落人间。马路上一串串明亮的车灯，如同灯光的江河，奔流不息。来到朝天门广场望去，一艘艘轮船在长江里发出五光十色的光芒，像天上的星星在眨眼睛。 　　我的家乡真美啊！我爱我的家乡。

这个绿苹果同那个红苹果一样甜.牡丹是我最喜欢的花之一.我们在星空下露宿，在野外用餐。

星空的结构是：星(上下结构)空(上下结构)。星空的结构是：星(上下结构)空(上下结构)。词性是：名词。拼音是：xīngkōng。注音是：ㄒ一ㄥㄎㄨㄥ。星空的具体解释是什么呢，我们通过以下几个方面为您介绍：一、词语解释【点此查看计划详细内容】星空xīngkōng。(1)缀满星星的夜空。二、引证解释⒈有星光的天空。引沙汀《困兽记》十八：“仿佛他们的心思，全被灿烂的星空吸引住了。”杨朔《潼关之夜》：“潼关的城墙和城楼衬映在星空之下，画出深黑色的轮廓。”冰心《走进人民大会堂》：“走进万人大礼堂好像凝立在夏夜的星空之下。”三、国语词典有星的夜空。如：「今晚的星空特别灿烂。」词语翻译英语starrysky,theheavens德语Sternenhimmel(S)_法语cielétoilé四、网络解释星空（几米著绘本）《星空》是2009年现代出版社出版的图书，作者是几米。《星空》，是风靡华人世界的畅销绘本画家几米2009年最新力作。描述了一个关于长大的故事：有个不爱说话的少女，认识了一个不爱说话的少年，他们都不是最快乐的孩子。有一天，他们逃离城市，翻山越岭，来到少女的爷爷曾经住过的山中小屋。在山里的夜晚，他们看到了最美丽的星空。后来，少女病了，而少年不知去向他们究竟经历了什么，才能走出心理的阴影呢？星空（汉语词语）星空是汉语词语，拼音是xīngkōng，指有星光的天空。关于星空的近义词苍穹高空夜空天空关于星空的诗词《跋江都王马·天上房星空不动》《独携·独携酸泪注星空》《望星空》关于星空的诗句在黑暗的河流上被你所遗落了的一切终于只能成为星空下被多少人静静诵着的你的昔日我的昨夜沙堡到了最后黑暗的浪潮总是会吞蚀尽我的每一种期待每一个梦想故事一旦开始再怎样曲折也只是在逐步走近结束的方向我当然明白所有美丽的呈现只是为了消失所有令我颤抖与焚烧的相见啊只是为了分别可是你不能禁止我在这海边用我仅有的时间来不断营造或者重温每一部分的细节当海洋逐渐升高迷航的船舶终于都在远方沉没我当然明白今夜之后我为你而留下的痕迹不会比一座沙堡更多美酒终于厌倦了这种把灵魂一层又一层包装起来的世界我要回去了列蒂齐亚下决心不再对生命提出任何的要求什么也不带走只留下孤独做为我款待自己最后的那一杯美酒雨中的山林云雾已逐渐掩进林中此去的长路上雨润烟浓所有属于我的都将一去不还只留下在回首时这满山深深浅浅的悲欢沧桑之后沧桑之后也许会有这样的回顾当你独自行走在人生的中途一切波涛都已被引进呆滞的河道山林交易星光逐渐熄灭只留下完全黑暗的天空而我也被变造成与起始向你飞奔而来的那一个生命全然不同你流泪恍然于时日的递减恍然于无论怎样天真狂野的心也终于会在缰绳之间裂成碎片沧桑之后也许会有这样的回顾请别再去追溯是谁先开始向命运屈服我只求你在那一刻里静静站立在黑暗中把我重新想起想我曾经怎样狂喜地向你飞奔而来带着我所有的盼望所有的依赖还有那生命中最早最早饱满如小白马般的快乐还有那失落了的山峦与草原那一夜桐花初放繁星满天幕落的原因在掌声最热烈的时候舞者悠然而止在似乎最不该结束的时候我决定谢幕也许也许有些什么可以留住那光灿和丰美的顶端了如果我能以背影遗弃了观众在他们终于遗弃了我之前我需要有足够的智慧来决定幕落的时间在黑暗的河流上读《越人歌》之后灯火灿烂是怎样美丽的夜晚你微笑前来缓缓指引我渡向彼岸当灯火逐盏熄灭歌声停歇在黑暗的河流上被你所遗落了的一切终于只能成为星空下被多少人静静传诵着的你的昔日我的昨夜附记：《越人歌》相传是中国第一首译诗必须分离可是我至爱的你没有听见吗是什么从我们床前悄悄地流过将我惊起黑发在雪白的枕上你年轻强壮的身躯安然地熟睡在我身旁窗内你是我终生的伴侣窗外月明星稀啊我至爱的此刻从我们床前流过的是时光的河吗还是只是暗夜里我的恶梦我的心悸他他给了我整片的星空好让我自由地去来我知道我享有的是一份深沉宽广的爱在快乐的角落里才能从容地写诗流泪而日耀的园中他将我栽成一株恣意生成的蔷薇而我的幸福还不止如此在他强壮温柔的护翼下我知道我很知道啊我是一个受纵容的女子天上房星空不动关于星空的成语空空如也空对空妙手空空零零星星买空卖空卖空买空星星之火空口说空话空空洞洞丧门星关于星空的造句1、有一些人活在记忆里，刻骨铭心；有一些人活在身边，却很遥远。如果清风有情，那么明月可鉴；如果落花有情，那么流水可懂；如果流星有情，那么星空可睹。2、我喜欢光芒四射星空，因为它给了我无限美好的遐想。3、在大草原上，抬头便是一望无际的星空。4、中国人的足迹，从此印进寥廓而深邃的星空，当他们问候世界的时候，给未来留下了深远的回声。5、炫耀的星空，不停的闪烁。点此查看更多关于星空的详细信息