vue-cli PC端构建

# 全局安装 vue-cli
npm install --global vue-cli  //首次安装需要
# 创建一个基于 webpack 模板的新项目
vue init webpack my-project
# 安装依赖，走你
cd my-project
npm install//使用cnpm install代替
npm run dev

localhost:8080查看

安装axios

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

项目main.js中引入

import axios from 'axios'
Vue.prototype.$http = axios

安装vue-resource

npm i vue-resource --save
//如报错，使用下面安装
cnpm install vue-resource --save

项目main.js中引入

import VueResource from 'vue-resource'
Vue.use(VueResource);

安装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