Heim > Backend-Entwicklung > PHP-Tutorial > Linux环境下nodejs环境的搭建以及配置,使用nodejs编写工具与简化less编译

Linux环境下nodejs环境的搭建以及配置,使用nodejs编写工具与简化less编译

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2016-07-28 08:30:08
Original
1072 Leute haben es durchsucht

由于我的服务器是买的云服务器,因此整个是连接ssh进行配置的

LNMP

<code>由于云服务器刚使用不久,此前一直是只安装了centos 6.5版本的裸机,因此这次顺道配置了LNMP,整个LNMP环境的安装和LAMP环境的搭建基本一致。附本人参照的配置博客:http://www.cnblogs.com/xiaoit/p/3991037.html,这篇博客只是基础的安装LNMP,并测试Nginx解析php脚本文件,并未对各个环节做详细配置说明,如果想看详细的配置,请自行百度。
</code>
Nach dem Login kopieren

node.js安装

<code>在Node.js上下载安装包,非源码包,因为安装包是已经被编译过,可以直接使用,源码包安装的话,繁琐坑多。

1.在安装之前首先核对自己的系统位数
</code>
Nach dem Login kopieren
<code>getconf LONG_BIT</code>
Nach dem Login kopieren

 Linux环境下nodejs环境的搭建以及配置,使用nodejs编写工具与简化less编译

<code>2.在node.js上下载相应版本的安装包(https://nodejs.org/en/download/)
</code>
Nach dem Login kopieren

 Linux环境下nodejs环境的搭建以及配置,使用nodejs编写工具与简化less编译

<code>3.通过ftp上传到自己的云服务器上
4.解压缩文件 $tar xvJf  ***.tar.xz
5.移动解压缩的文件到node     $mv *** node
6.因为安装包已经被编译过,因此不需要再安装,直接可以使用,但是为了以后使用的方便,进行环境变量的配置   export PATH=/root/node/bin  (如果不确定自己的文件夹路径,可以使用 find /path -name node进行查询)
7.然后 node -v 和npm -v进行测试!
</code>
Nach dem Login kopieren

 Linux环境下nodejs环境的搭建以及配置,使用nodejs编写工具与简化less编译

使用node.js编写less

<code>1.安装less,在node/lib/node_modules目录下, $cd node/lib/node_modules
2.#npm install less
3.#less --help 进行测试环境是否装好 
</code>
Nach dem Login kopieren

 Linux环境下nodejs环境的搭建以及配置,使用nodejs编写工具与简化less编译
按q键退出当前操作

<code>4.编写代码,测试less环境
</code>
Nach dem Login kopieren
<code><span>@<span>color:</span> #<span>4</span>D926F</span>;

<span>#header</span><span>{
  <span><span>color</span>:<span> @color</span></span>;
<span>}</span></span><span>h2</span><span>{
  <span><span>color</span>:<span> @color</span></span>;
<span>}</span></span></code>
Nach dem Login kopieren
<code>5.输入:lessc /Users/vickay/Desktop/testLess.less /Users/vickay/Desktop/testLess1.css ,可以在桌面生成css文件
</code>
Nach dem Login kopieren

 Linux环境下nodejs环境的搭建以及配置,使用nodejs编写工具与简化less编译

<code>6.如果在编译过程中想要将css文件压缩,则输入:lessc -x /Users/vickay/Desktop/testLess.less /Users/vickay/Desktop/testLess.css ,只是比5多了-x参数,在执行过程中,会有以下提示:
</code>
Nach dem Login kopieren

 Linux环境下nodejs环境的搭建以及配置,使用nodejs编写工具与简化less编译

<code>7.生成css文件内容的比较
</code>
Nach dem Login kopieren

 Linux环境下nodejs环境的搭建以及配置,使用nodejs编写工具与简化less编译

').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i ').text(i)); }; $numbering.fadeIn(1700); }); });

以上就介绍了 Linux环境下nodejs环境的搭建以及配置,使用nodejs编写工具与简化less编译,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage