vue----基础项目搭建(项目初始,sass配置,全局组件注册)

通过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)  //注册组件
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章