我们不考虑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 工程名字<工程名字不能用中文>

小白Sass教程---通过实例学Sass--第一讲--实例环境搭建
4、webstrom打开项目,打开webstrom的控制台,运行npm install

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

6、打开App.vue这个文件就相当于html文件
小白Sass教程---通过实例学Sass--第一讲--实例环境搭建

如果sass报错:
小白Sass教程---通过实例学Sass--第一讲--实例环境搭建
解决办法:
小白Sass教程---通过实例学Sass--第一讲--实例环境搭建



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


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

相关文章:

  • 2022-12-23
  • 2021-10-15
  • 2022-12-23
  • 2021-07-29
  • 2021-08-25
  • 2021-11-17
  • 2021-08-02
猜你喜欢
  • 2021-08-29
  • 2022-12-23
  • 2022-12-23
  • 2021-11-18
  • 2022-12-23
  • 2022-12-23
  • 2022-02-27
相关资源
相似解决方案