通过vue-cli搭建项目
安装vue-cli:npm install -g vue-cli
检查版本:vue -V
或者 vue --version
1.初始化项目(xxx是项目名字)
vue init webpack xxx
2.按照提示进行自助的选择需要的选项
3.配置sass
npm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装sass-loader
npm install style-loader --save-dev //安装style-loader
4.找到webpack.base.conf.js的配置文件(当前vue版本2.9.3,webpack的配置文件在build文件夹下面),配置sass
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
}
在组建中使用sass
<style lang="scss" scoped>
div{
color:red,
}
</style>
5.注册全局组件,在main.js中进行注册
import Cbtn from './cmmc/button.vue' //引入组件
Vue.component('cm-btn',Cbtn) //注册组件