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)  //註冊組件