首先需要您安装一个Vue项目
- 在终端输入指令安装vue
npm install -g @vue/cli
- 安装过程中报出错误，或者长时间下载不成功，可能原因是由于npm指令下载的都是从git脱下来的，所以我们访问的是国外的网址，通常情况是由于网络不稳定造成，我们 更改一下镜像 就可以解决。
- 如果您还没有安装镜像，在这边建议安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 如果您已经安装了淘宝镜像但是没有使用则调用以下代码设置淘宝镜像
npm config set registry https://registry.npm.taobao.org
- vue安装完成之后调用指令下面指令查看版本号
vue --version
- 如果您已经安装过vue但是版本过低需要更新vue则执行下面指令，即可更新vue
npm update -g @vue/cli
- 然后我们初始化搭建项目
$ vue init webpack my-project
-
搭建过程中参数调整，我们这里设置无路由，等
vue.png
- 搭建成功之后指令行出现下面代码
$ cd my-project
$ npm install
- 然后再用npm安装sass要用的包
npm install --save-dev sass-loader
npm install --save-dev node-sass
两个包都是必须安装的，不可以缺少
然后再vue里面的style标签添加如下代码即可使用
<style lang="sass" scoped>
</style>
- 结束，可以愉快的使用了。
