框架-vue-cli

• 安装：npm install vue-cli -g
• 更新： npm update vue-cli
• 生成项目：vue init webpack Vue-Project，

vue-cli中配置sass:

一、安装对应依赖node模块：

npm install node-sass --save-dev

npm install sass-loader --save-dev

二、在build的webpack.base.conf.js的rules里增加

{
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
},

三、在用scss的地方写上

<style lang="scss" scope></style>
这里需要说明一下scoped是让样式只在当前组件或者视图中起作用的。

 

 

 

 

资料：

1. http://www.runoob.com/w3cnote/vue2-start-coding.html