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>