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

猜你喜欢

转载自blog.csdn.net/Gx422954766/article/details/81081134
今日推荐