欢迎来到天天文库
浏览记录
ID:8976856
大小:223.87 KB
页数:9页
时间:2018-04-13
《lessnodejs环境搭建和less应用》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、1LESS概述1.1搭建nodejs环境必备条件CSS(层叠样式表)是一门历史悠久的标记性语言,同HTML一道,被广泛应用于万维网(WorldWideWeb)中。HTML主要负责文档结构的定义,CSS负责文档表现形式或样式的定义。作为一门标记性语言,CSS的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少CSS编写经验而很难写出组织良好且易于维护的CSS代码,造成这些困难的很大原因源于CSS是一门非程序式语言,没有变量、函数、SCOPE
2、(作用域)等概念。LESS为Web开发者带来了福音,它在CSS的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了CSS的编写,并且降低了CSS的维护成本,就像它的名称所说的那样,LESS可以让我们用更少的代码做更多的事情。LESS的目标是简化CSS使用,降低CSS维护成本,让CSS可编程,让更少的CSS代码做更多的事。2NODEJS环境搭建2.1Window环境下载NODEJS(稳定版),直接安装2.2Linux环境win7为开发环境。Vbox虚拟机+Ubuntu搭建nodejs编译环境。然后通过securecrt远程连接到虚
3、拟机进行开发。如果securecrt远程链接被拒绝需要sudoapt-getinstallopenssh-server 2.2.1第一步:安装依赖包1.安装python2.6版或者更高(ubuntu默认都已安装,可以在terminal中使用python-v命令查看python版本)。2.安装其他依赖包:sudoapt-getinstallg++curllibssl-devapache2-utils3.安装git工具:sudoapt-getinstallgit1.1.1第二步:获取源码gitclonegit://github.com/joyent/node
4、.git1.1.2第三步:指定编译版本1.先进入存放下载源码的文件夹:cdnode2.指定迁出版本:gitcheckoutv0.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/n
5、ode_modules' >> ~/.profilesource ~/.profile1.1.3第四步:设置环境变量如果想重启后还能继续直接使用node命令,那么需要设置环境变量:使用命令sudogedit/etc/profile打开配置文件,在文件最后中添加如下两行:export PATH="$HOME/local/node/bin:$PATH"export NODE_PATH="$HOME/local/node:$HOME/local/node/lib/node_modules" 保存后重启系统使设置生效。 1.1.4第五步:安装npmcurl h
6、ttps://npmjs.org/install.sh
7、sh根据需要,安装相应的包,例如express:npminstallexpress-gd-g代表安装到NODE_PATH的lib里面,而-d代表把相依性套件也一起安装。如果沒有-g的话会安装目前所在的目录(会建立一个node_modules的文件夹) 1.1.1第六步:通过npm按需安装文件包这里我们可以引用一个实例来说明。提供一个练习Demo https://github.com/cmarin/MongoDB-Node-Express-Blog 这个DEMO需要安装的依赖包已经标明,咱们按照命令
8、操作即可首先cd到自己的工作目录gitclone git://github.com/cmarin/MongoDB-Node-Express-Blog.git 获取源码。然后首先安装数据库直接在命令行里输入sudoapt-getinstallmongodb(参考http://gnucto.blog.51cto.com/3391516/833535 )即可,安装完成后测试方法,终端命令行中输入:mongo db.foo.save({a:1}) db.foo.findOne() 然后 npm install express npm install expre
9、ss-messages npm install ejs npm install
此文档下载收益归作者所有