vue-axios + axios 和vuex 入坑基础安装

vue-axios + axios 和vuex 入坑基础安装

1）有时候直接安装 axios 在 vuecil 会报错；

进入项目目录（cd Vue-Project），

先安装！

npm install axios

然后！

npm install --save axios vue-axios

2）安装vuex

npm install vuex --save

3）

使用 npm 安装依赖

npm install

然后启动项目

npm run dev

2、安装jquery

①在命令中；首先在当前项目的根目录下（就是与package.json同目录），运行命令 npm install jquery --save    这样就将jquery安装到了这个项目中。

如：

然后修改build下的webpack.base.conf.js两个地方：

②其一：加入 var webpack = require("webpack")；

③其二：在module.exports的里面加入

plugins: [

    new webpack.optimize.CommonsChunkPlugin('common.js'),

    new webpack.ProvidePlugin({

         jQuery: "jquery",

         $: "jquery"

    })

]

④最后在main.js中加入 import $ from 'jquery'  完成jQuery的引入。

3、安装bootstrap

详细情况看：

http://blog.csdn.net/qq_37055675/article/details/73730736

法一

1.npm install bootstrap --save

2.在main.js中引入import 'bootstrap/dist/js/bootstrap.min.js'import 'boot strap/dist/css/bootstrap.min.css'

方法二：

在index.html中引入，一般建议使用此方法引入bootstrap。

①将下载下来的bootstrop放到assets中(如果放到其他文件引用时需要注意路径)

② 修改webpack.base.conf.js

resolve: {

　　extensions: ['.js', '.vue', '.json'],

　　alias: {

　　'vue$': 'vue/dist/vue.esm.js',

　　'@': resolve('src'),

　　 'bootstrap':resolve('src/assets/bootstrap') ,   //如果是自己手动导入的话需要加这一句，并且注意如果bootstrap不是放在文件assets中就要更改路径，如果是 npm install bootstrap --save的话不需要写这个

　　}

},

在main.js中import引入

import 'bootstrap/js/bootstrap.min.js' //相对于index.html的路径

import 'bootstrap/css/bootstrap.min.css'