Vue系列之搭建环境
脚手架
npm install vue-cli -g // 进入项目 vue init webpack vue-demo
初始化项目过程中,会出现选择题。。。
大家按照自己的习惯选择就行。
初始化完成之后,
npm i npm run dev //启动项目
引入sass
为了使用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>
相关推荐
yuzhu 2020-11-16
85477104 2020-11-17
KANSYOUKYOU 2020-11-16
sjcheck 2020-11-03
怪我瞎 2020-10-28
源码zanqunet 2020-10-28
gloria0 2020-10-26
王军强 2020-10-21
学习web前端 2020-09-28
QiaoranC 2020-09-25
anchongnanzi 2020-09-21
安卓猴 2020-09-12
Macuroon 2020-09-11
kiven 2020-09-11
LittleCoder 2020-09-11
Cheetahcubs 2020-09-13
小焊猪web前端 2020-09-10
颤抖吧腿子 2020-09-04
softwear 2020-08-21