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了