2019-01-19

Vue+Vuex+axios+sass项目：

抽空整理了一下使用vue-cli创建vue项目并在项目中使用Vuex，axios和sass的相关步骤：

1.使用vue-cli创建一个vue项目：

vue init webpack my-project

根据提示创建完成项目

2.安装Vuex并进行相关配置

npm i vuex --save

在mian.js中加入以下代码：

import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({

    state:{},

    mutations:{},

    getters:{}

})

最后将strore加入vue实例中

3.安装axios

npm i axiom --save

在使用时引入import axios from 'axios'

4.安装并配置sass：

npm i node-sass --save-dev

npm i sass-loader --save-dev

npm i style-loader --save-dev

在webpack.base.conf.js中加入以下代码：

module的rules中加入：

{

    test:/\.scss$/,

    loaders:["style","css","scss"]

}

这样，在写样式的时候就可以使用sass了