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了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容