css预处理 stylu的安装和使用

第一步：先安装node.js

下载链接：https://nodejs.org/en/#download

在第四步时选 Add to path

安装完成后在cmd中运行以下命令，查看是否安装成功

1.node -v    查看node.js的版本号

2.npm -v     查看npm的版本号

注意：此node.js已自带npm

在node.js中再创建2个文件夹

node_global

node_cache

创建成功后再打开cmd，执行以下命令

npm config set prefix "自定义的安装目录/nodejs/node_global"

npm config set cache "自定义的安装目录/nodejs/node_cache"

再来是设置环境变量，主要配置npm安装的全局模块的路径，以及缓存cache的路径。

系统变量：新建NODE_PATH     "自定义的安装目录\nodejs\node_global\node_modules"

用户变量：在path后追加，用封号分割。     "自定义的安装目录\nodejs\node_global"

环境变量配置完成后就可以测试了，我们可以通过安装express来检测是否安装成功。

打开cmd,输入命令：

npm install express -g  //-g 代表的是全局安装

npm init -y  //创建package.json 这步是必须的

命令执行完，在 '自定义的安装目录\nodejs\node_global\node_modules'目录下会新建一个express文件夹。

 

 

 

 

 

 

至此node.js安装完成

第二步：安装stylus

打开cmd执行npm install stylus -g。执行完成后在 '自定义的安装目录\nodejs\node_global\node_modules'目录下会新建一个stylus文件夹。如上图

好啦，stylus安装完成了，就是这么简单！！！

第三步：使用stylus

1.将.styl文件编译成.css文件。stylus test.styl