zoukankan      html  css  js  c++  java
  • vue 3.x(一)

    vue版本情况

    vue最新版本:2.6

    vue-cli:最新4.x

    vue-devtools:5.3.3

    二、统一用vue-cli 3.x脚手架写项目

    vue-cli官网:https://cli.vuejs.org/zh/
    

    安装vue-cli

    npm install -g @vue/cli
    

    创建项目

    vue create 项目名
     或
    vue ui
    
    查看vue脚手架的版本:vue -V
    

    具体创建项目步骤:

    第一步:vue create 项目名,然后按照步骤去执行

    ? Please pick a preset:  
    ❯ default (babel, eslint)   //回车自动安装脚手架需要的各种包
      Manually select features  //手动安装,需要自己配置选择各种要安装的包
    

    第二步:安装好后进入项目目录并运行

     $ cd 项目目录
     $ yarn serve 或npm run serve  //运行

    vue-cli 3.x+通过vue.config.js来实现脚手架的环境配置

    配置跨域选项:
    
    module.exports = {
      devServer: {
        proxy: {
          '/api': {
            target: '<url>',
            ws: true,
            changeOrigin: true
          },
          '/foo': {
            target: '<other_url>'
          }
        }
      }
    }


    vue官方文档:https://cn.vuejs.org/
  • 相关阅读:
    行为模式-模板方法
    行为模式-策略模式
    行为模式-观察者 模式
    行为模式-责任链模式
    python-json
    mongo资料
    用with管理lock锁
    枚举类使用
    db2常见操作命令
    trancate immediate reuse storage
  • 原文地址:https://www.cnblogs.com/akby/p/12912153.html
Copyright © 2011-2022 走看看