Less配置环境

一、安装Sublime 插件

1.安装Less插件： ctrl+shift+p>install Package>输入less按Enter 

2.安装Less2CSS插件：ctrl+shift+p>install Package>输入less2css按Enter

作用：当保存less文件的时候自动生成同名的css文件；当保存less文件的时候提示编译错误信息；批量编译项目目录下的所有less文件为css文件。

二、安装Node.js 

1.下载双击安装，默认是安装在C:\Program Files\nodejs下面，不改变。

2.打开C盘的Program Files\nodejs，发现nodejs文件夹下面有npm,直接用npm安装相环境既可。

3.win+R，出入cmd，回车，调出DOS窗口。因为安装时已经自动配置了环境变量，所以我们可以直接输入node,即可进入node.js交互模式：

3.我们进入node之后，可以输入：console.log("Hello,World!");测试一下：

4.在C盘下建立一个app文件夹，app文件夹里面写一个test.js。

代码如下：

var http = require("http");

http.createServer(function(req, res) {

  res.writeHead( 200 , {"Content-Type":"text/html"});

  res.write("<h1>Node.js</h1>");

  res.write("<p>Hello World</p>");

  res.end("<p>beyondweb.cn</p>");

}).listen(3000);

console.log("HTTP server is listening at port 3000.");

 5.好，再从DOS窗口进入你的app的文件夹，在命令窗口执行【node test.js】。这样就可以在网页上访问你的js了。访问网址http://127.0.0.1:3000。如果你正常访问了，那么久安装成功了。

三、安装less 

 cmd 下： npm install -g less

less-plugin-clean-css插件的安装：npm install less-plugin-clean-css

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有