npm sass框架的使用与问题

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;