npm sass框架的使用与问题

tech2022-07-14  166

sass

Sass 是一种 CSS 的预编译语言。它提供了 变量(variables)、嵌套(nested rules)、 混合(mixins)、 函数(functions)等功能,并且完全兼容 CSS 语法。Sass 能够帮助复杂的样式表更有条理, 并且易于在项目内部或跨项目共享设计。

首先去下面链接下载框架:

链接: nvm

下载完后安装一直点下一步(最好不要修改路径,并且不要有中文)

然后win+R输入cmd 打开DOS指令如下图:

在这里进行安装管理node.js

下载淘宝镜像 cnpm 代替npm

npm install -g cnpm --registry=https://registry.npm.taobao.org

1、查看本地安装的所有版本;有可选参数available,显示所有可下载的版本。

nvm list

2、安装,命令中的版本号可自定义,具体参考命令1查询出来的列表

nvm install 14.0.0 //版本号

(安装很慢,耐心等待!) 3、使用特定版本(use)

nvm use 14.0.0 //版本号

4、卸载

nvm uninstall 14.0.0 //版本号

5、查看:

vscode配置

新建一个。scss文件,然后右键选择在集成终端中打开: 在终端输入: sass index.scss index.css—生成对应的css文件 但是这个在我们新增css内容对应的css不会自动刷新 解决: sass --watch index.scss index.css–编写这段就可以实现实时刷新

如果在vscode终端出现错误可尝试下面方式:

1·以管理员身份运行vscode; 2·执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的; 3·执行:set-ExecutionPolicy RemoteSigned; 4·这时再执行get-ExecutionPolicy,就显示RemoteSigned;

最新回复(0)