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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013253924/article/details/81036014

我们不考虑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报错:

解决办法:




扫描二维码关注公众号,回复: 4276132 查看本文章

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


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

猜你喜欢

转载自blog.csdn.net/u013253924/article/details/81036014