vue脚手架

全局安装 vue-cli

npm install --global vue-cli //首次安装需要

创建一个基于 webpack 模板的新项目

vue init webpack my-project

安装依赖，走你

cd my-project
npm install//使用cnpm install代替
npm run dev

安装axios

npm install axios --save
//如报错，使用淘宝镜像
cnpm install axios --save

项目main.js中引入

import axios from ‘axios’
Vue.prototype.$http = axios

安装element

npm i element-ui -S
//如报错，使用下面安装
cnpm i element-ui -S

项目main.js中引入

import ElementUI from ‘element-ui’
import ‘element-ui/lib/theme-chalk/index.css’
Vue.use(ElementUI);

安装echarts

cnpm install echarts -S

项目main.js中引入

import echarts from ‘echarts’
Vue.prototype.$echarts = echarts

安装jquery

cnpm install jquery --save-dev

项目main.js中引入

import $ from ‘jquery’

安装vuex

npm i vuex -S
或者
cnpm i vuex -s

使用vuex

import Vue from ‘vue’
import Vuex from ‘vuex’

Vue.use(Vuex)

刷新保持vuex状态

npm install vuex-persistedstate

使用

import createPersistedState from ‘vuex-persistedstate’
export default new Vuex.Store({
state,
getters,
actions,
mutations,
plugins: [createPersistedState()]//此行为保存状态
});

安装SAAS

npm install sass-loader --save-dev
还需要安装
npm install node-sass --save-dev