解决项目中 sass 和 less并存需要统一的问题

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

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

对于故乡的理解，最早是词典中“自己生长的地方或祖籍”。然而读过季羡林的《月是故乡明》，茅盾的《可爱的故乡》诸文后，我才了解：故乡的含义不仅如此。浅黛色微光交错编织着乡人的残梦，微风和呼吸同一节奏。旭日的温度点燃了朝霞的絮裙，灼烧了自己，爽风毫无羁绊，在对乡人耳语些什么，涟漪被推开如翩舞的发丝毫无秩序。眼帘的开启伴随着睡意的辞去。是推不走阳光热情的邀请?是风，水打破了和谐的韵律?乡人，终是醒了。阡陌仄径上乡人往来，踏着辛勤劳作的道路，忙碌的一天开始。顺着乡人的脚步：它每一次落地的脚印都被一次次的重踏遮盖。此刻是一番熙熙攘攘的景象。已是归来时。那是蹚着汗水，穿过夕影的乡人，于是看到他们淋漓的大汗，疲倦的身影也不为怪了。桌前等待他们的是亲爱的家人，劳累顿时樟脑般升华，然后是茶余饭后的闲谈。月色浸着清凉，如水般轻轻拂过肌肤，沁脾入骨的凉。乡人却热火朝天地继续未完的议论，直到深夜柔美的月光抚弄起沉睡的古琴。翌日清晨又展开了熟悉而又陌生的情节……故乡？故乡!不必提及高低的楼舍，翠艳的草花，我的心不必含盖；不必提及淅沥的小雨，天空的阴霾，我的心不需顾及；不必提及繁荣的经济，闻名的胜地，我的心不曾在乎；不必提及过去的辉煌，将来的发展，我的心不会看到。我所见到的，听到的，感受到的只要是“质朴”。我只愿记住它，有它，我心中的故乡才会是我真正的故乡!渐渐地，真实的和心仪的，它们相互溶入，相互结合……我看到了我的故乡!

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

亲爱滴同学们，我们为您精心整理了《描写故乡的作文》的内容，希望为您在这方面的写作提供一定帮助参考，描写故乡的作文主要选8篇优质原创文章，每片结尾还带专家点评。 故乡的小河 穿过城市的喧哗与热闹，透过田野的安宁与寂静。一条小河在静静地流淌着。也许，它那娴静的名字，早已被人遗忘。但它那秀丽的模样，却是人永远铭记。 清晨，小河像刚刚睡醒似的，眨着水波粼粼的眼睛。整个河面绿得如翠，亮的如玉。淡淡的白雾弥漫在河面上。从桥上俯望，只能依稀看见小河那迷茫的身姿。河四周，只有几棵小树陪伴着它。些许的宁静，让它多了些让人沉醉的诗意。仿佛置身于一副画卷之中。 晌午，温暖的阳光斜斜地倾撒在河面上，水面上金荡漾。碧色的水草在河中欢快地舞蹈，扭动着身姿。微风轻轻一吹，小河的水面便荡漾着轻柔的涟漪，好像有人在悄悄抖动着碧绿的绸子。树叶在轻风中摇曳起来，好似一个个身着绿裙的小精灵在清风中翩翩起舞。叶儿发出的“沙沙”声，又好像在向小河倾诉衷肠。河旁的树荫下有些木椅。在人劳顿时，大人们会在椅上小憩一会儿：有时，玩累的小朋友会在木椅上闭目养神。河中架着一座拱桥。桥身的砖石早已在数年的风雨中褪去了本身的色彩。在昏昏欲睡的下午，向小河娓娓道来，它那无人知晓的故事。 傍晚，当黄昏收取最后一抹余光，整座城市沸腾起来。小河旁边的饭店里，传出浓浓的菜香，勾起了人们的食欲。只是，小河依然在静静地向前流淌，不曾停下它那忙碌的脚步。在些许星光的照射下，河水柔和地汩汩流着，像是个文静的少女，那样安详，那样轻松。只有河水撞击时，发出的“叮咚”声，让小河略显可爱。小河，仿佛就是一个舞台。河水们在舞台上演奏着——一场令人心旷神怡的音乐剧。 故乡的小河，总是那么的静，那么的美。它把那干旱的土地滋润；把那可爱的鱼儿孕育在怀。小河在我的心中，就像是颗明珠。永远那么光芒灿烂；永远那么美丽无比。故乡的小河，在我心中永远铭记。 专家点评: 这是一篇优美的写景抒情散文，文章开篇点题引出下文，引起读者的阅读兴趣，引起读者的思考。描写生动，构思大胆新颖、有独创性，给我们描绘了故乡那条美丽的小河。 故乡的秋 回来了，终于回来了，下了火车，脚下踏着再也熟悉不过的土地。那就是我的故乡——黑龙江。 大姨和二姨的热烈迎接，让我有了回家的气氛，随后我们上了车。在车上看着两边的稻田金灿灿的，再看看街道两旁的树木，现在已是深秋，树上的叶子，是刺眼的红色。而这番景象，只有在家乡这朴实的土地上才能见到。早上刚出家门，一股新鲜而又有些寒意的气流向我扑来，走出院子。草坪上“波光粼粼”，上面的露珠从草中间的部分，慢慢地滑下来，一直到草尖。 上午我慢慢散步到了园林，虽然已是深秋，里面生机勃勃的力量吸引着我。我在枫叶林中穿梭，每一片枫叶被阳光照射的分外美丽。靠在一棵树上蹲下身，捡起手边一片刚刚落下的叶子，看着那细密的纹理，是数不清的条痕，让我感觉到时间流逝的那么快。就像诗人所说的：“人人解说悲秋事，不似诗人彻底知。”下午太阳快落下了，而那夕阳却分外的耀眼，在夕阳辉煌的照射下，秋叶更是有说不尽的魅力，这令我想到了秋天的伤感。悲秋、伤秋的诗句伴随着文人墨客们的落寞，睹物思人的惆怅愁绪，在秋天里更容易触动。也有人说秋天是沉静的，沉静的让你无声无息；沉静的让你收敛平时的无所顾忌的喧哗；沉静的让你感到压抑；沉静的让你觉得世界的落寞。 我的故乡变了，变得美丽、悠长。以前大街上无所事事的人都不见了，像人间蒸发了一样。而老人们孩子们，正开心 享受着属于他们的岁月。 我的故乡，我还会回来的，等我再回来时，相信会有更新的面貌展现在我的眼前。秋，你的气度和光泽令人难以忘怀和留恋，秋天我爱你！ 专家点评: 这篇散文写了秋天自己回到故乡的所见所闻所感，表现了对故乡变化的惊喜和热爱之情。文章运用景物描写，引用古诗词名句，语言生动，感情丰富，饱含真情。 月是故乡明 农历八月十五，一轮圆月缓缓地爬上山头。昔日苍白的月影更加苍白了，望着那归途的路，月亮似乎也在等待远方的游子回家，只留下几抹残辉照耀大地，慢慢地移动。 在台北郊外的一座富丽堂皇的别墅里，宽阔的阳台上，坐着一位七八十岁的老将军，他满头银发，一双炯炯有神的眼睛里含着泪水，他那颤抖的手中拿着一块未咬一口的月饼，它似乎很重、很沉，同月亮一般重、一般沉。他望着月亮，嘴里念念有词，心灵的雨花好像在飘洒，飘过前面的小山坡，飘过金门列岛，飘过海峡，飘到了那块他魂牵梦萦的土地——大陆，那是他出生的地方。故乡的亲人在干什么呢？他们一定在烧菜，烧很多很多的菜。堂前的供桌上，放着祖先的灵牌。每年家乡的父老乡亲都要进行一次祭祀，让这些祖先“回家”与亲人团圆。他们可知道，海峡的另一端还有一个他，正等着回家。 望着故乡的方向，心灵的时间在逆转。记得儿时，做了祭祀后，一家人围坐在桌旁，爷爷、奶奶、爸爸、妈妈、他、弟妹欢聚团圆，享受着天伦之乐。那灯光也是这么相叠着，却是那么温暖、那么和谐。桌上放着一只土制的炭炉，炉上坐着一口锅，把菜放进去热热，吃一口，肚里就暖和和的。饭后，一家人坐在凉台上，每人手中都拿着一只和月亮一样大小的月饼。他把玩着，虽然没这么好吃，但得到的是蜜一般的甜，怎么也舍不得吃掉。至今，他还记得当时的夜景，朋亮是那么的圆，就像初升的太阳光芒四射，金黄的月光像妈妈那略带红晕的脸。月光毫不保留地洒向大地，抚摸着他，那么柔，那么顺。年少的他幼稚地说了句：“这月真美！” “是的，故乡的月最美，最明！”从思念中拔出来的老将军不由轻叹了一句，缓缓捧起月饼犹如捧起故乡的月，轻轻地咬一口，慢慢地咀嚼着，好像享受着故乡月的那份柔情。 专家点评: 这篇文章作者以虚构中的一位老将军独倚窗前仰首望月思乡的场景，表现了“每逢佳节倍思亲”的思绪。同时，也通过老将军对故乡的思念之切，表达了“月是故乡明”的心情。 故乡的南坡 是谁将天边的落日涂红，羞涩了周围的云？是谁将远处的绿毯弄皱，起伏了三面的山？是谁将南坡下的丝绸吹动，蜿蜒了清澈的小河？是谁在南坡上将花篮打翻，盛开了满山的花朵？ 故乡的南坡是我儿时的乐园，给我留下了很多美好的回忆。 现在正值夏季，屋外骄阳似火，不想出门。但倘若我在故乡，此时一定和小伙伴们躲在南坡的脚下。站在坡顶往下望去，只见茂密的柏树叶铺在南坡脚下。微风吹过，叶浪翻滚，才显现出藏在下面的躯干。一条小道蜿蜒伸进坡脚下的柏树林。沿着小道跑下去，越接近树林，越觉得清凉。一条小河环绕在柏树林前，仿佛树林献上一条哈达，欢迎人们到柏树林来。溪水不过没膝深，在岸上寻一块大石，双脚放在水里，全身都无比的舒爽。虽然柏树很密，但很高，所以里面并不觉得昏暗。我还常和伙伴们寻一根枯木站在水中“决斗”。所谓的决斗就是用木棍斜划对方周围的水面，让水溅湿对方，所有夏天应有的炎热感觉即刻便被凉爽取代。玩腻了，我们便放下武器，沿着小河开始我们的寻宝之旅，怪异的石头，岸边的野花，都能成为我们的宝物。小河旁边，天然的杂草很是茂盛，将引水渠隐藏了起来。引水渠很窄，只是能让一只鸭子通过。运气好时会听到鸭子叫声从草丛中传出，此时悄悄挑开遮蔽在小渠上的杂草，便会看见鸭队神气的排成一排，仿佛正在接受检阅。此时我总是充满羡慕，希望自己就是他们中的一员。当然在树林里，爬树，挖洞也是我们常玩的游戏。在玩耍时，我们不知不觉地就把炎热的夏季送走了。 还记得当年学校鼓励我们勤工俭学，于是等到菊花开了的时候，我便挎着篮子到南坡摘菊花。通常摘菊花的不止我一个，有很多小伙伴都去，甚至还有大人。我们小孩边摘边玩，有时比看摘得多，有时趁伙伴不注意，把自己篮子里的杂草扔到别人篮子里。但结果通常是造成疯狂的追逐，甚至还要赔上一把菊花，但我们乐此不疲。由于我们贪玩，所以每天摘的并不多，但很快乐。回家后我把菊花全部交给奶奶，她把菊花倒在屋顶上，晒干后装起来，等到快开学，一并拿去卖。通常到开学总共可以卖几十块钱。这些钱便作为我学费的一部分。 冬天下完大雪，南坡便盖上一层超大的棉被。这时村子里的大人们便会进行一项合作活动——追兔子。大人们说冬天下雪后，兔子找东西吃时不仅跑的慢，还会留下脚印，然后人们只要沿着脚印追就一定能找到兔子。我曾亲眼看见人们追兔子的情景。一只挺壮的白兔在前面一摇一摆的拼命跑，后面的人群一边追一边喊，不过人们跑的慢得多，这麽厚的雪，人也跑不快。不过大人们劲头十足，好像兔子马上就要被捉住一样。通常他们都无功而返，但他们都像凯旋的战士一样，津津有味得向家人说今天是如何差一点就逮住兔子，以及别人和自己的洋相。那表情比吃上兔子肉都满足。而我对追兔子并不感兴趣，我通常趁家人不备偷偷把插秧用的秧马拿出来，然后告诉爸爸妈妈说我去伙伴家玩了。事实上我的确去伙伴家了，但又喊伙伴一起出去了。我们找南坡下面一段比较缓的地方，然后坐到秧马上，做好向下滑的准备。秧马由上下两块木板组成，下面木板很光滑，插秧时放在泥面上，上面木板是让人坐的。用它插秧很方便，但我觉得用它滑雪更合适。准备好后，同伴一推，或自己双脚用力向后一蹬，秧马便顺着坡滑下去，非常刺激。但大人之所以不允许这样玩，是因为一不小心就会连滚带爬得下去，摔个“狗啃雪”。而我通常就是翻滚着下去的，但这丝毫没影响我对这项活动的喜爱。 如今，这些往事已成回忆。由于异地求学，我也很久没回家乡了。听说家里很多儿时玩伴如今已经离开农村到城里谋生去了，不知当我再次回到家乡还能否见到他们，他们是否还认得出我，是否还记得我们在南坡玩耍的情景。前几天家里亲戚来电话，说家乡正在修路，其中一条便在南坡脚下。不知以后的南坡会是什么模样。 此时，我仿佛又看见家乡那美丽的蓝天，看见那翻滚的叶浪，看见那条飘动的小河，看见一群鸭子排着队…… 不知以后的孩子们还能不能拥有一个他们的南坡。 专家点评: 故乡的南坡，作者充分发挥想象力为我们勾画故乡南坡的场景。文章构思大胆新颖、有独创性，描写生动，叙事条理，娓娓道来。语言简练生动，有节奏感，抒情性很强。 故乡的桥 家乡的小河，弯弯曲曲。河上跨着一弯石拱桥，弓形的小桥，像一个驼着背的老人，散发着古朴的韵味。 这座桥的唯一“零件”就是那一块块，大小不一不成规则的石头，紧密而别致。真难想象这石块是怎样挨在一起的。桥的两岸各有几棵高大挺拔的松树，树下周围有许多形状不一的石头，这成了乡亲们休憩乘凉的好去处。这石桥虽比不上赵州桥的雄伟壮观，却也另有一番韵味。 桥下溪水潺潺，每天天刚蒙蒙亮，便会传来“咚咚”的棒槌声，勤劳的村妇总是第一个为依山傍溪的小山村谱写一支“东方晨曲”。 夏日的中午，村民们便纷纷来到桥边的大树下纳凉歇息，天真活泼的孩童，朝气蓬勃的青年，银须飘胸的老人，他们三三两两地聚在一起，做游戏，钓鱼，谈天说地……得意的笑声，失意的叹息交织在一起，随着熏风，随着流水，飘向远方。 日复一日，年复一年，石拱桥任凭风吹雨打，它仍是那样的“硬朗”，它注视着村民们一代代的消失，一代代的新生。 不知在什么时候，石拱桥便有了一个惊叹的发现：跨桥而过的脚步似乎比以前更匆匆了。而后更有许多人打起背包，跨过桥，走向了外面的世界。望着那一批批“淘金者”的身影，石拱桥由衷地祝福着他们，虽然它的身边失去了往日的许多欢声笑语。 忽然有一天，桥也发生翻天覆地的变化：在石桥的旁边又建了一座水泥桥，这座水泥桥的桥身更宽了，变平坦了，上面的水泥在阳光照射下显出几分梦幻般的色彩。漂亮的栏杆在水的倒映下，那天然古朴早已消失，取而代之的则是雄伟和壮观。当然桥边的松树也被路灯取代了，这高大的路灯伫立在桥上，给这黑暗的夜，带来无尽的光亮，它们俨然是一排巨人守护着桥上通行者的安全。“嘟—”瞧，那崭新的轿车也开进了村里，进入一个崭新的时代，当那巍峨高耸的楼房像雨后春笋般拔地而起的时候，当人们走向打着空调宽敞明亮的房间的时候，石拱桥除了那一份“脉脉此情谁诉”的落寞外，更多的是内心的高兴。 啊，石拱桥，你不要以为自己就此被冷落，有人正悄悄地打你的主意呢？不是吗？在这座古桥旁边开辟成公园：沿溪两岸花红柳绿，亭榭楼阁点缀其中。大树下，溪岸旁，如织的游人踏上你的背，跨着人我的身，又恢复了往日的热闹，更增添了小桥流水诗意般的古韵。 长相忆，最忆故乡的桥。 专家点评: 这篇文章记叙了故乡桥的“兴衰”，表达了作者对故乡桥的怀念之情。文章叙事完整，结构清晰，先是对故乡桥的兴盛进行详细的描写，接着又写桥的衰败，详略得当，内容充实。 我的故乡——安化 每每想到你，我的故乡—安化，久违的故乡啊！心情都沉重的再也提不起来。是我太过于多愁善感了，还是我对你的情总也舍不掉？忧伤，年轻的心过早地背负了它的负荷，缚上忧伤的薄沙的心像是经历了沧桑的疲惫不堪的枯心一样没有了生机，但是我不愿用它来审视你，我的故乡，它不属于你，于是我便在心情明朗的时候去搜寻关于你的记忆，不想要用这尘世的庸俗污染了你。 春天山中寂静无声，桂花不知不觉地凋落，寂静使春夜里的山更让人觉得空空荡荡，时不时在山涧中传出一阵阵清脆的鸟鸣。月亮出来了，小鸟竟然被月光惊动。夏天，独坐在空山密林，终日不见人影，只是偶尔有喧闹的谈话声将这寂静打破。林深树密，落日的余晖洒下，映照在斑驳的青苔上。初秋，漫漫长夜里，从山谷里传出凄清的瑟声，阵阵西风轻拂着翠罗，几只残萤栖留在白露凝珠的野草上，早归的大雁轻轻掠过秋日的银河。清晨，高大的树木尙未凋零，阳光下的远山下的层次格外分明。初冬，山中溪水清浅，露出磷磷白石，入冬天寒，红叶也变得稀少了。林中山路上本来没有下雨，苍翠的山色却浓的几乎可以溢出翠色额水分，人行其中，就像被笼罩在一片翠雾之中，宛如细雨淋湿了衣服一样。 我深爱的故乡啊！念不完的是乡思，斩不断的是乡情，海角天涯，你是我永远不灭的牵挂！ 专家点评: 这是一篇写景的作文，小作者通过具有感染力的而语言表达了自己对故乡——安化的思念之情，按照春天、夏天、秋天、冬天独具特色的风景，突出了家乡的美丽。 故乡的小河，我的最爱 故乡有一条小河，听说是从遥远的山里流出来的。 湖上有一叶小舟，在我回到了离开多年的家乡时，船底已轻轻地嵌入浅浅的水底时，到日落时分，远远地望见村里的炊烟已爬上山头的月亮。 暮色渐沉，我便往回走，乡村里的夜很早就安静了下来，只留下依稀可以听到的水流声。转过一段曲折的路，便有一座古桥，桥边有一棵很大的梧桐树，树上有一盏年代久远的路灯，不是很亮。桥下的水潺潺的流着，带着流光。清澈的水中不时可以发现一群在戏水的鱼儿。一切似乎还与过去一样，不过已少了从前大家一起在树下乘凉，闲聊的日子。 记忆里的桥边，有一块光滑的大青石，有时候忙碌了一天的村民在大青石上乘凉，有躺着的，有坐着的。大青石旁的水透露出一阵阵的寒凉，加上夜里山间吹来的风能把人一天的疲倦都给吹走。 过了桥，顺着河往下游走去，水流变急了，因为水中三三两两地横上一两块巨大的鹅卵石，夜里的鹅卵石映着月光，显得格外洁白。而在石头背水的一面总能找到许多附在石头上的海螺，当然也成了贪玩的小孩们的好去处。 夜深人静，河中的水依旧流着，而往事的沉淀慢慢在心中埋下，这条河哺育了一村的村民。 捡起河里一块光滑的鹅卵石，珍藏了心中一份美好回忆。故乡的小河，我的最爱！ 专家点评: “故乡的小河”和“桥边的鹅卵石”上，有“我”逝去的童年，“往事的沉淀慢慢在心中埋下”，其中留下了多少回忆，多少美好！本文寓情于景，情景交融。语言朴实无华，明白晓畅。 故乡魂 记忆里的故乡，没有江南风的缠绵，也没有海上城的繁华，有的，只是无言的静寂，无言的快乐。 故乡，是尘世里的初相见，总会在越来越多的记忆年轮里反复在现，没有理由的，在某些时刻静静的感念一段时光，静静的，不着一言。 像老屋子里，落满尘烟的青瓷瓶中，一枝芦苇的沉默。阳光，淡淡扫过，空气中，有微尘曼舞。这，是故乡在记忆里的宁静，这样的宁静，是孩童时期不曾读懂的“游子愁”。 故乡的山是慈祥的。常年碧绿，终年不褪，翡一般的翠色，却温暖人心，没有柜台上那些石头的冰冷。树，总是高高的耸着，斑驳的树干，刻下一道道岁月的痕迹。也不知它们终究经历了几世的烟尘，才度过了岁月的那条常青河，留下了那一身不俗的绿衣。 故乡的水是富有灵性的，夏时满，冬是干。那是一股灵活的水，温婉柔情，却也喜怒无常。 或许，她没有洞庭湖的宽广，没有西湖美丽，但，那有何妨呢？洞庭湖是大，每日乌蓬小浆，游人如织，却没有她的旷古幽静，委婉怡人；西湖是美，将西施的沉鱼落雁，林黛玉单位娇喘微微集于一身，却没有她的灵活，千世万事皆被自由拒之门外。呵！好一股漂亮的死水！ 犹记故乡的雨啊，丝丝点点的美丽，滴破了一片乌云，却是一阵一阵的下着，丝毫不怜惜雨滴的落下。肥厚的草叶上，每一滴水珠里住着一个天堂，那是数人曾经的快乐，经过年轮的洗礼，最终，从天而降，落在世间不知名的一角。 我还记得，记忆里唯一的一场太阳雨。那天的雨珠，带着太阳的味道，从空中垂下，稀稀疏疏的阳光，曳在雨珠上，调皮的指点着那雨中盛开的太阳花。诗一样的美，惊艳我的童年。 我还记得，河边，那颗两人合抱的大树，孩时在树间捕捉带着夜光的萤火虫。大树，根系入发，一瓢月光，把密密的树叶浇满。 我还记得，时常，在河岸边打捞的星星。鱼儿在水里踏碎月光，星星也在跟着游。捞到星星，碎得一手的清凉。 我还记得许多，许多…… 那天，我又回到那里，却发现，从前的大树，消逝不见。唯有年轮一圈一圈地旋转，四周似有光影轻轻摇曳。 原来，乡愁是孩提时捞到的星星，被稀稀疏疏的年轮稳匿。 人所经历的，并非只有轰轰烈烈才成记忆。故乡里的许多，就像风吹过荷叶上的露，悄悄的落入了湖心，了无痕迹。但他们分明曾经存在过，湖水会记得，曾经有荷叶上的露，消融在里面。 那些平平凡凡的小事，又好比五月的槐花，开满枝头，在不知不觉中，绽出清新甜蜜的气息。 逝水年华，我们不在有遗憾，因为我们都拥有故乡，都曾在故乡里快乐的生活，都曾在岁月的枝兴，纯美地开过花。 所有的琐事，原不都是一场留白。或许，在等待，等待我们一起拾起，等待我们轻轻咀嚼，等待我们慢慢品味。 因为曾经拥有过，所以失去不再遗憾。 专家点评: 本文语言优美丰富，作者通过描写故乡的山山水水和儿时的一些趣事，表达了对故乡刻骨铭心的感情，“就像风吹过荷叶上的露，悄悄的落入了湖心，了无痕迹。但他们分明曾经存在过，湖水会记得，曾经有荷叶上的露，消融在里面”。 故乡 “回来吧，回来哟，我已厌倦疲惫……” 看天边飘着故乡的云，它来的漫不经心，可我…… 如果我是失根的兰花，飞舞的秋萍，那故乡的记忆便给予了我重归大地的力量。如果我是漂浮的萍，断枝的蒲公英，那故乡的记忆便赐予了我眷恋人世的勇气，一切都变成的回忆。 时间会使水变成汽，但他无法阻止汽变成水，重返天地。当雨点骄傲地对大地说：“我是你千万次放逐又呼唤的孩子。”时间只能叹息，因为在对故乡的记忆面前，它显得是那么遥不可及。风化不了对故乡的记忆，否则，怎么会…… 怎会有“家在梦中何日到，春生江上几人还”的郁郁低吟？望不断的风，吹向故里的时候，又有多少人可以乘着它奔向梦里的佳人？远在天涯海角，似乎时钟也无法回转着带你回到家中，默然，静伫，只几片凋零的树叶盘旋着伸向你目光远眺的前方。年关节的，谁会去留意你远行的步伐，多么沉重，似也无助？就像你那飞舞的乱发在挣脱着束缚欲回家。 “不知何处吹芦管，一夜征人尽望乡”的痴痴哀怨在那片黑夜里向四面八方散去，一群群的萤火虫载着满腹的乡恋盘旋而去，代替了信鸽，被充当传信的工具。怎料未到家乡先已老，何时该赴故里。凄黑的夜里，寒风凛冽，令人发悚。饥寒交迫的你该如何去应对明天的战斗？陷入沉思，怎奈？悠悠羌笛升起，似一方散心的药剂，吹乱你薄弱的灵魂；又若一曲哀悼你的祭祀曲，不过没有隆重的礼仪。你心好乱，感情在泛滥，滚滚浓烟与马蹄印何时会在身上逝去。拂晓来了，深邃的天空也淡了，充满迷茫与恐惧的你该如何面对晨曦？ 哦！你的感情也随之涌出：“春风又绿江南岸，明月何时照我还”。期盼终归期盼，现实与理想看似相差遥远，只不过你的几个动作，别人的几句话便可成真。守着那份乡思，怎料春风又绿江南。站在对岸，触手可及的对岸却夹隔着无法越过的长度。一声呵斥便不敢摇头的你只剩涮涮泪水。一脸的惆怅将天空的那角都拉成长发，但却无法长到故里，无法传递你的襟衣。蓦然，南飞也不过如此，它又能带给你什么慰人的话语呢？点几滴眼泪，苍白的脸映照着水，哀叹也只有守住而已！ 故乡啊！走到哪都挂着你的身影，可是你却无法体谅我的心境，不懂得将那份深沉埋藏于你心底，只几点梦的踪影。 专家点评: 故乡，作者用深情的语言讲述着故乡的故事。本文夹叙夹议，感情真实，发自肺腑。恰当的引用，大大增强述志明理的力度，结尾处感情得到升华，深化主题，抒情性很强。 故乡 小时候， 故乡是一片嫩黄的枫叶， 掉进我的梦里， 故乡有山，有树，还有外婆站在田埂上守望的景象。 长大后， 故乡是一首写不完的诗， 它总是在笔尖颤抖， 打湿了我的双眸， 模糊了我的笔记， 却清晰了关于故乡的记忆。 后来， 故乡是一个长长的梦， 梦里我回到了幼年，回到了故乡， 那里依旧有山，有树，还有田埂上外婆的守候， 我伸手拉着她走在回家的路上， 醒来的泪水催促着我回家的脚步。 再后来， 故乡是一列长长的列车， 轰隆隆的汽笛声是我咚咚的心跳， 回到故乡才发现原来它已不是过去的景模样， 虽然依旧有山，有树，却没有了田埂上外婆的守望。 梦里，我又回到了故乡， 故乡依旧有山，有树，还有外婆站在田埂上守望的景象， 我拉着外婆的手漫步在回家的路上…… 何时我才能回到承载着儿时记忆中的故乡！ 专家点评: 这首诗歌回忆了小时候的家乡，表达了对家乡深深的思念。家乡，在我们心里永远是最难忘的景象。家乡的一草一木皆是情。此诗叙述有时间过程的变化，语言朴素亲切，情感真挚。

听完老师讲的课才知道宇宙是那么的大。

宁静的夜晚星光璀璨。今夜的星光如此美丽，我舍不得移开视线。这部电影演员阵容强大，可谓星光灿烂。有满月的天空不会有星光。星光像从天堂溢出，神秘而安祥。古今多少文人骚客吟咏过月亮，可我独爱沉默的星光。黑暗中的点点星光照亮了他的归途。美酒，知己，星光，人生有这三友作伴，夫复何求。眼中的星光虽然明亮，但却比不上我心中的理想。温柔的星光总让我想念远方的故乡。

　　客路青山外，行舟绿水前。潮平两岸阔，风正一帆悬。海日生残夜，江春人旧年。乡书何处达，归雁洛阳边。下面我为大家带来关于难忘的故乡情的作文，大家一起来阅读吧! 　　篇一：难忘的故乡情作文 　　缅怀似水流年，转眼间，我离开故乡已有5年之久，但我却时常思念着它，因为它是我的根，是孕育我成长的地方，我永远不会忘记它。 　　今日，我终于要回到了这里了。但心中却有着一股莫名的苦涩，却不知为何。大概是由于长时间没回来了吧。 　　车轮滚滚，带着浓浓的情，穿山越岭，我回来了。倏而，我看见了那个熟悉的山头。那不是故乡的山头吗?是，是故乡的山头。我似乎有些激动，不i我确乎有些激动。在车拐弯的那一瞬间，我发现了一个白发苍苍的老人站在一旁焦急地等待着，她是谁?她是我的奶奶吗?我踌躇了会儿，车近了，我也看清楚了，是我的奶奶i车停稳了，我奔下车，和奶奶紧紧地拥抱在一起，那是的心情真是无以言表u2026u2026 　　经过几分中的步行，终于到家了，但故乡的荒凉却让我心酸：低矮的房子，贫瘠的土地，还有一群老顽固u2026u2026总之，故乡的现况令我很失望。 　　故乡的前景时时困扰着我，我不知到我能为故乡做些什么?我长大后又能为家乡做什么?u2026u2026 　　沉积的伤痛一个凛冽的冬天，您，我的爷爷，带着满身的伤痛离开人世。临终时，你的脸上现出难以忍受的痛苦，是那样无助，那样令人感到怜悯u2026u2026 　　你雷同一辆载满苍桑岁月的三轮车，在最后一次远航后，悄然离我而去了。落日的余辉照着你那安详的面庞和一湛蓝的海水，在广翰无边的海面上漫无目的地飘流着，直至你被大自然所风化，从此消泯殆尽。 　　曾几何时，你在那狭小的院落里教会了我1+1等于2的时候，你是多么开怀，多么欣慰啊，当我小心翼翼地点燃你那大烟时，你又多么骄傲啊。 　　时光如流水一般逝去，不管我怎样追赶，都无济于事。我感到局促与茫然，甚至还感到彷徨，感到恐惧，心中也涌上一股莫名的悲伤。我拼尽全身力气，使劲追溯着我俩那如诗的光阴，可我还是淡忘了，最终被那精彩的年华深深的埋没了，就连那昔日我记得请清楚楚的脸庞，也在我的脑海中随风而逝了，你，仿佛从我的人生中怆然离去了，永远，永远。 　　偶然的一日，我来到你永眠的地方，在这里，我仰望青天，俯瞰大地，欲歌无词，欲哭无泪，心中流淌着思念的折磨u2026u2026 　　我来到那狭小的院落，努力地寻觅着残留在这里的记忆。蓦地，我发现了那个大烟杆儿，它静静的伫立在那个角落，我似乎看到我偎依在您的身旁，您给我讲着动听的故事u2026u2026 　　篇二：难忘的故乡情作文 　　人人都说家乡美，最美莫过家乡情。尽管，我在人生崎岖的小道上匆匆赶路，在生命的茫茫大海中奋然远航，但是，从家乡那边飘来一缕纤云，飞来一只春燕，燃起一团晚霞，升起一弯新月，都会在我的心河里轻轻地荡出一支缠缠绵绵的思乡曲。 　　在记忆的长河中，我的家乡很美。那一望无际的七彩原野，那美丽如画的田园风光，那村头的砖桥古滩，村内成荫的绿树，村外叠翠的杨柳，流霞的桃园，以及村姑那银铃般的欢声笑语，都令我留恋忘返。 　　我的家乡座落在美丽而古老的废黄河两岸。说她美，她从遥远的西北姗姗而来，又轻盈地将长裙一摆迤逦南下，继而伸开她的臂腕把家乡温情地拢在她的怀抱中。听老人们说这河曾是大宋开国皇帝赵匡胤的运粮河，当年还真的有过“帆樯相连，百舸争流”的恢宏气势哩：前几年从这里挖出一只明代的大木船，就是一个明明白白的例证。也就是因为有了这条大河的缘故吧，我的家乡才有了茂盛的芦苇坡和蒲草滩，才有了家乡的这座大集镇，才有了一代勤劳、朴实的家乡人。 　　我爱家乡的早晨。爱那红彤彤的“太阳神”，她给家乡涂上了一层橘红;爱那天边怒放的朝霞，那里有织女的一片真爱;更爱那缕缕清风，她给了我不竭的生命活力。 　　我爱家乡的黄昏。爱那绚丽的夕阳余晖，晚霞暮霭，那姗姗来迟的夜色里蕴藏着几多神秘啊，让人总也猜不透、读不懂! 　　啊!家乡的土地，家乡的大河，永久留在我的人生记忆里。我愿化作一朵白云，飞向生我养我的故乡;我愿变成一条清溪，一直奔流到故乡的心田，因为那是我生命的起点，成长的摇篮，青春的寄托，灵魂的皈依哟u2026u2026 　　篇三：难忘的故乡情作文 　　我的家乡，有着悠久的历史和丰富的自然人文资源。我为我的家乡感到自豪，我对她有着一往深情。家乡的雨家乡的风，家乡的点点滴滴，总是在我的记忆力里，触到我的心里u2026u2026王勃的“长江悲已滞，万里念将归。”情浓意切的精美诗句，让人感到了他对家乡的感情。古人与我们一样，走远了回想起自己的"家乡。还有那“人言落日是天涯，忘记天涯不见家。”的切切乡恋。再美好的地方，永远比不上我们的家乡。 　　家乡，温暖的代名词。她像一个母亲哺育着我，她也是我成长的摇篮。是走到哪也忘不了的地方，是抛不开的回忆。爱她，就像爱自己的亲人一样。偶尔离开家乡，也觉得外面的世界很精彩。走在繁华的大街上，总有一些失落。无论外面的世界是多么美好，多么精彩，感觉都不属于自己。家乡，也只有她，才让我感到亲切，。一切都是那样的熟悉。家乡的人和事，时时刻刻吸引着我。没有华丽的词汇，但却有朴实的语言，能深入人心，感人肺腑。家乡吸引我们，不光是因为她的魅力，更是她的真情。从小的感情，一点点凝聚起来到现在，让人无法忘怀。那种爱，是说不清的。多情好似家乡月，道是无亦动人。 　　“美不美，家乡水。亲不亲，故乡人。”“老乡见老乡，两眼泪汪汪。”这些语句，都说明了我们对故乡的深厚感情。善良好客，邻里和睦。构成一幅其乐融融的精美画面。他们帮助过很多人。他们纯真的笑容，永远印在我的脑海中，他们不斤斤计较。他们在我有困难时帮助了我温暖人的心灵。 　　家乡是一个和蔼的母亲，在这几年中翻天覆地的变化，让人难以相信。不过她还是让我想起我的童年，看到了温馨时刻。家乡，永远伴随着我。在我学习中，在我生命里，在我生活中。她是必不可少，不可磨灭的记忆。 　　抬头望月，总能想起以前的点点滴滴，感慨万千。就像李白的：“举头望明月，低头思故乡。”家乡的月，那么美，那么多情，勾起人对故乡的思念之情。家乡的一切，都仿佛月儿一般。 　　我爱我的家乡，她时刻在我身边。我为我的家乡自豪，她风景优美，有着悠久历史，她还给我温暖，让我在这家乡的爱继续前进!

当我死亡的时候，他也会死啊!

形容夜空的词语有：星空万里、深邃、璀璨、静谧、无边无际、晴朗、星星点点、漆黑、星光灿烂、万籁俱寂、星月交辉、万籁无声、月明星稀、繁星点点、皓月当空。1、星空万里：[xīng kōng wàn lǐ]，天空中星星很多。造句：星空万里人飘渺，原野千山月冷寒。2、深邃：[shēn suì]，幽深。（多指景色或环境）。造句：深邃的夜空，星汉灿烂。3、璀璨：[cuǐcàn]，形容光彩夺目，非常绚丽。造句：璀璨的星光犹如一颗颗宝石镶嵌在空中。4、静谧：[jìng mì]，形容静寂无声或形容忧愁的模样。造句：我们来到这里，享受这静谧的夜空。5、无边无际：[wú biān wú jì]，形容范围极为广阔。造句：夜晚，星星在无边无际的夜空中神秘的闪烁。6、晴朗：[qíng lǎng]，天空中无云或云很少。造句：晴朗的夜空里，星光闪烁，我被这密密麻麻的繁星深深的陶醉了。7、星星点点：[xīng xīng diǎn diǎn] ，①形容多而分散。②形容少许或细碎。造句：数星星点点的火把在雾里闪耀着。8、漆黑：[qī hēi]，指极暗无亮光、颜色极黑或者形容受打击，心情低落。造句：漆黑的夜空好像人类的眼睛，黑色中带着光亮。9、星光灿烂：[xīng guāng càn làn]，星星发出的光很鲜亮夺目。造句：在这月色朦胧、星光灿烂的夜晚，他静静地思考着问题。10、万籁俱寂：[wàn lài jù jì]，形容周围环境非常安静，一点儿声响都没有。造句：万籁俱寂，除了从远处偶尔传来汽车喇叭声。11、星月交辉：[xīng yuè jiāo huī]，星星和月亮交相照耀。造句： 吕邪迷糊着睁开朦胧小眼，就看到夜空中星月交辉，繁星点点。12、万籁无声：[wàn lài wú shēng]，形容周围环境非常安静，一点儿声响都没有。造句：在万籁无声的深夜，我们都能听到对方的呼吸。13、月明星稀：[yuè míng xīng xī]，月亮明亮时，星星就显得稀疏了。造句：天清气朗，月明星稀，海风徐徐，静谧幽人，两人没聊多久就都睡着了。14、繁星点点：[fán xīng diǎn diǎn]，星星很多，闪闪发光。造句：繁星点点的夜空，皎洁灿烂的星光，流动的云彩，到处都弥漫在一片神秘浪漫的氛围中。15、皓月当空：[hào yuè dāng kōng]，明亮的月亮在空中照耀着大地，形容月光皎洁，天气晴和。造句：中秋节的晚上，皓月当空，我们全家在快乐的气氛中赏月。