小白Sass教程---通过实例学Sass--第一讲--实例环境搭建

我们不考虑Sass是怎么被编译成css的，也不考虑Sass怎么安装，我们通过构建工具或者脚手架快速搭建一个可编译Sass的平台。通过实例来学习Sass的用法。

环境：Windows7

工具：WebStorm、Node、Vue-cli、Webpack

不需要任何webpack、Node、Vue的知识，我们只当这些东西是一个工具。下面开始

1、安装node（下载，下一步）

2、打开命令行窗口，全局安装webpack和vue-cli

npm install webpack -g

npm install --global vue-cli

3、指令搭建一个vue项目

vue init webpack-simple 工程名字<工程名字不能用中文>

4、webstrom打开项目，打开webstrom的控制台，运行npm install

5、 webstrom的控制台：npm run dev 运行项目

6、打开App.vue这个文件就相当于html文件

如果sass报错：

解决办法：

demo实例下载：https://gitee.com/zackVue/demo

下载压缩包到本地，解压，实例在 

 demo /  projects  / 内，项目名为 SassDemo，把这个文件夹拷贝出来，其他的文件都没用


用Webstorm打开SassDemo，Webstorm控制台运行npm install完成后运行npm run dev