vue 项目搭建

1.初始化一个vue项目
# 最新稳定版
$ npm install vue

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm run dev

通常你还需要下面相关插件
npm i element-ui -S

$ yarn add vue-resource
$ npm install vue-resource

npm install vuex --save
yarn add vuex

你还需要配置代理，来解决跨域问题
config/index.js dev:

dev: {

...

assetsPublicPath: '',

proxyTable: {
　　'/api':{
　　　　target:'https://xxx.xxxxxx.xxx',
　　　　changeOrigin:true,
　　　　pathRewrite:{
　　　　　　'^/api':''
　　　　}
　　}
},

...

或者

dev: {// dev 环境
env: require('./dev.env'),//// 使用 config/dev.env.js 中定义的编译环境
port: 9595,// 运行测试页面的端口
autoOpenBrowser: true,
assetsSubDirectory: 'static',// 编译输出的二级目录
assetsPublicPath: '/',//编译发布的根目录，可配置为资源服务器域名或 CDN 域名
proxyTable: {//需要 proxyTable 代理的接口（可跨域）
　　'/xxx': {
　　　　target: 'http://192.168.9.37:22000',
　　　　changeOrigin: true
　　}
},
cssSourceMap: false//是否开启 cssSourceMap
}

},

你需要新建文件，实例化store
还需要在main.js里面导入相关组件
2.配置路由
...