wangdajiao 2019-06-28
npm install vue-cli -g // 进入项目 vue init webpack vue-demo
初始化项目过程中,会出现选择题。。。
大家按照自己的习惯选择就行。
初始化完成之后,
npm i npm run dev //启动项目
为了使用sass,我们需要安装sass的依赖包
npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass
然后找到build,在webpack.base.config.js中module.rules配置如下:
// 这里使用相对宽松的scss { test: /\scss.$/, loaders: ["style", "css", "scss"] }
修改components中style标签:
<style lang="scss"> </style>
如果想公共样式也使用scss,可以在App.vue引入
<style lang="scss"> @import './common.scss'; </style>
background-color: blue;background-color: yellow;<input type="button" value="变蓝" @click="changeColorT