Giter VIP home page Giter VIP logo

perseverancez / vue-develop-template Goto Github PK

View Code? Open in Web Editor NEW
473.0 22.0 84.0 100 KB

A Vue.js template that can support more than 100 thousand lines of code in our business, I hope it can help you too~

Home Page: https://github.com/PerseveranceZ/vue-develop-template/blob/master/docs/tutorial.md

JavaScript 74.37% HTML 0.34% Vue 11.95% SCSS 13.33%
vue vue-template vuejs vuejs2 vuex vue-router vue-cli

vue-develop-template's Introduction

Intro

A Vue.js template that can support more than 100 thousand lines of code in our business, I hope it can help you too~

Status: building...

Docs

Start

run followed code in your iterm:

npm i
npm run dev

Commands

  • npm run dev
  • npm run start
  • npm run build
  • npm run mock
  • npm run analyz

vue-develop-template's People

Contributors

dependabot[bot] avatar jadestrong avatar perseverancez avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-develop-template's Issues

vue.use(inject) 只在根路由页面有效

router:
export default new Router({
routes: [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/goods',
name: 'Goods',
component: Goods
}]
})

main.js
import inject from 'Plugins/inject'
Vue.use(inject)

home页 $this.api存在; goods页不存在$this.api

关于构建api文件的一点疑问

你好, 在src/plugins/api.js这个文件有个疑问, 54行的value返回的是一个方法, 方法的两个参数outerParmas和outerOptions是在哪里传入呢, 我输出这两个参数都是undefined, 小小疑问, 不知道是不是我基础不够的问题, 麻烦解答下谢谢

serviceBuilder.js文件是有问题吗?

您好:
请教。
文件是VSCode打开的。
serviceBuilder.js 文件中
import { LOCAL_AJAX, TEST_PATH } from 'Config' 该文件中是不是没用到?

提示错误:
[ts]应为","
如图:

想请教一下api中动态url的处理方法

order: [{
        name: 'change',
        method: 'POST',
        desc: '订单变更',
        path: '/api/order/change',  //  想要加入这样的功能 (id) => `/api/order/${id}/change`
        mockPath: '/api/order/change',
        params: {
            type: 'SUCCESS'
        }
    }]

现在的service/api文件中的 url 都是固定的,有的url只有在请求时才能确定,如果想要在调用api的地方动态拼接url怎么处理?

关于构建api文件中遇到的问题

  1. plugins/api.js文件中,_apiSingleBuilder方法中有关于apiUrlassert,这个是不是已经没用了!
  2. 还是这个地方,有个mockBaseURL,在返回的时候作为baseURL传给了axios,但是这样就会覆盖在configAXIOS_DEFAULT_CONFIG设置的全局的baseURL

请教一下怎么分模块进行打包?

目前我们的项目差不多500多个文件,打包需要20分钟.
像vue,element-ui 这些第三方库已通过script形式引入, 但是打包的时候还是很慢. 想把代码按照模块划分, 再根据模块分别进行打包. 不知道代码层面需要怎么调整?

如何单独控制是否请求mock

// config/index.js

// 当前宿主平台 兼容多平台应该通过一些特定函数来取得
export const HOST_PLATFORM = 'WEB'
// 这个就不多说了
export const NODE_ENV = process.env.NODE_ENV || 'prod'

// 是否强制所有请求访问本地 MOCK,看到这里同学不难猜到,每个请求也可以单独控制是否请求 MOCK
export const AJAX_LOCALLY_ENABLE = false

这里提到可以通过上面这个变量来控制是否开启强制访问本地MOCK,以及每个请求也可以单独控制。

  • 这个变量好像现在并没有使用吧
  • 如何单独控制一个请求呢, 下面还有一个API_DEFAULT_CONFIG的配置中有mock选项可以控制开启访问mock还是接口,这两个选项是不是有一个就可以, 另外,它也是要控制就都控制了,能实现当个控制吗?

如何对api使用tree-shaking?

问题:
import { xxx as aliasxxx } from 'plugins/api.js'
导出的变量是undefined
涉及文件:
plugins/api.js
期望:
能够提供修改makeapi的思路

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.