LESSNODEJS环境搭建及LESS应用.docx

LESS概述搭建nodejs环境必备条件CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用于万维网（World Wide Web）中。HTML 主要负责文档结构的定义，CSS 负责文档表现形式或样式的定义。作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码，造成这些困难的很大原因源于 CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。LESS 为 Web 开发者带来了福音，它在 CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了 CSS 的编写，并且降低了 CSS 的维护成本，就像它的名称所说的那样，LESS 可以让我们用更少的代码做更多的事情。LESS的目标是简化CSS使用，降低CSS维护成本，让CSS可编程，让更少的CSS代码做更多的事。NODEJS环境搭建Window环境下载NODEJS（稳定版），直接安装Linux环境win7为开发环境。Vbox虚拟机+Ubuntu搭建nodejs编译环境。然后通过securecrt远程连接到虚拟机进行开发。如果securecrt远程链接被拒绝需要sudo apt-get install openssh-server?第一步：安装依赖包1. 安装python 2.6版或者更高（ubuntu默认都已安装，可以在terminal中使用 python -v 命令查看python版本）。2. 安装其他依赖包:sudo apt-get install g++ curl libssl-dev apache2-utils3. 安装git工具：sudo apt-get install git第二步：获取源码git clone git:///joyent/node.git第三步：指定编译版本1.先进入存放下载源码的文件夹：cd node2. 指定迁出版本：git checkout v0.6.12 （版本的选择，遵循稳定原则）3. 指定路径，编译执行:mkdir?~/local./configure?–prefix=$HOME/local/nodemakemake?installecho?export?PATH=$HOME/local/node/bin:$PATH??~/.profileecho?export?NODE_PATH=$HOME/local/node:$HOME/local/node/lib/node_modules??~/.profilesource?~/.profile第四步：设置环境变量如果想重启后还能继续直接使用node命令,那么需要设置环境变量:使用命令 sudo gedit /etc/profile 打开配置文件，在文件最后中添加如下两行：export?PATH=$HOME/local/node/bin:$PATHexport?NODE_PATH=$HOME/local/node:$HOME/local/node/lib/node_modules?保存后重启系统使设置生效。??第五步：安装npmcurl?/install.sh?| sh根据需要，安装相应的包，例如express：npm install express -gd-g代表安装到NODE_PATH的lib里面，而-d代表把相依性套件也一起安装。如果沒有-g的话会安装目前所在的目录(会建立一个node_modules的文件夹)?第六步：通过npm按需安装文件包这里我们可以引用一个实例来说明。提供一个练习Demo?/cmarin/MongoDB-Node-Express-Blog?这个DEMO需要安装的依赖包已经标明，咱们按照命令操作即可首先cd到自己的工作目录 git clone?git:///cmarin/MongoDB-Node-Express-Blog.git?获取源码。然后首先安装数据库直接在命令行里输入sudo apt-get install mongodb(参考/3391516/833535?)即可，安装完成后测试方法，终端命令行中输入：mongo?db.foo.save({a:1})?db.foo.findOne()?然后?npm?install?express??npm?install?express-messages?npm?install?ejs?npm?install?sass?npm?install?mongoose??Then?cd?into?the?directory?and?run:?node?app.