核心提示：SASS，SCSS环境搭建前期准备1. node 环境.来来来，开始了1.安装cnpm（https://npm.taobao.org/）npm install -g cnpm --registry=h...
SASS，SCSS环境搭建
前期准备
1. node 环境.
来来来，开始了
1.安装cnpm（https://npm.taobao.org/）
npm install -g cnpm --registry=https://registry.npm.taobao.org
没有报什么错就可以了，
2. Node-SASS安装
2.1 首先咱们新建个空文件夹，然后用命令行切到该文件夹下
cd 目标文件夹 npm init (初始化一个项目)
初始化好了后，该空文件夹就会多一个package.json 的文件， 里面记录的内容是我们刚刚自己写的，
2.2 在项目文件夹下安装node-sass
cnpm install –save-dev node-sass （cmd命令行中输入）
说明：–save-dev自动将node-sass加入到项目文件夹下的package.json中
现在我们可以看到文件夹中又多了一个文件夹
在 package.json中的配置下sass
{
"name": "wifi",
"version": "1.0.0",
"description": "demo",
"main": "index.js",
"scripts": {
"sass": "node-sass" /*添加这句，复制的时候，需要去掉这句话哈，json注释不带这样的*/
},
"author": "WiFi_Uncle",
"license": "ISC",
"devDependencies": {
"node-sass": "^4.5.3"
}
}
保存
测试下
在文件夹中新建个input.scss
里面内容为:
.container {
.main {
color: #000;
}
}
然后编译下
键入命令
npm run sass input.scss output.css
打开看看
ok了！
最后感谢233大神指点。
