zoukankan      html  css  js  c++  java
  • 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.配置路由
    ...

     
    工欲善其事 必先利其器
  • 相关阅读:
    十五周学习笔记
    十四周学习笔记
    程序员修炼之道二
    程序员修炼之道
    构建之法十七
    十三周学习笔记总结
    个人课程总结
    构建之法十六
    构建之法十二
    文章单词统计接龙
  • 原文地址:https://www.cnblogs.com/fengyouqi/p/8777229.html
Copyright © 2011-2022 走看看