🛠️ Standard Tooling for Vue.js Development

Related tags

vue-cli
Overview

Vue CLI Build Status Windows Build status lerna

Vue CLI is the Standard Tooling for Vue.js Development.

Documentation

Docs are available at https://cli.vuejs.org/ - we are still working on refining it and contributions are welcome!

Contributing

Please see contributing guide.

License

MIT

Issues
  • HMR (Hot module reload) not working with vue cli 3

    HMR (Hot module reload) not working with vue cli 3

    Version

    3.0.0-rc.10

    Node and OS info

    Node 8.11.2 / Yarn 1.7.0 / Windows 10

    Steps to reproduce

    • git clone https://github.com/vinaybedre/vue-cli-3-hmr-bug
    • yarn install
    • npm start serve
    • Open server at http://localhost:8080/about
    • Do changes to any src file eg. under views/About.vue change the text
    • Under browser's console, I get error Failed to load resource: net::ERR_CONNECTION_TIMED_OUT
    • HMR is not working as expected and mentioned

    What is expected?

    HMR should update the browser's content based on changes made on src file

    What is actually happening?

    HMR is failing, any changes done to the src files are not being hot reloaded in browser.

    needs team repro 
    opened by vinaybedre 90
  • TypeScript template?

    TypeScript template?

    Any chance for an official typescript template?

    opened by italomaia 88
  • These relative modules were not found:

    These relative modules were not found:

    when runing dev-server there throw these two Error

    ERROR Failed to compile with 2 errors 10:53:28

    These relative modules were not found:

    • ./build/dev-client in multi ./build/dev-client ./src/main.js
    • ./src/main.js in multi ./build/dev-client ./src/main.js

    Listening at http://localhost:8080

    node-version 6.8.0 window10 i don't modify the webpack default config, it can run the app sometime but mostly throw the error

    opened by williamstar 86
  • Kickoff: 3.0 plans

    Kickoff: 3.0 plans

    We have been discussing an upgrade for vue-cli for a while, in order to address a few issues in the current version.

    Problems

    1. Currently, project build configurations are directly included in the template. This leads to a few problems:

      • once created, it becomes difficult to upgrade an existing project to track latest changes in the remote template;

      • pulling directly from github lacks proper version control mechanism that npm packages have;

      • less experienced users can get intimidated by the seemingly complex code in the build directory.

    2. Too many decisions to make upfront resulting in a less smooth onboarding experience.

      The user has to first pick a template, but for beginners they usually do not possess the experience to decide which template fits their use case best. The official webpack template has a number of questions regarding linters and test tools, which can also be intimidating for beginners.

    Solutions

    1. [email protected] will be moving towards a "config/scripts in a package" model, which is commonly used among several other tools:

    2. Instead of forcing users to make non-reversible decisions upfront, we would:

      • Phase out browserify support. There will be just one template which is webpack based.

      • Configurations for common use cases (pwa, ts, ssr) can be added on demand via presets, similar to how Neutrino/Poi works. The presets can be maintained and versioned individually.

    3. In addition to the encapsulated package, we will also offer the ability to configure the tooling via vue.config.js. This file exposes two functionalities:

      1. A centralized entry for configuring/toggling high-level built-in features, e.g. env variables, css extraction, API proxying.

      2. Get lower level access to the underlying webpack config and tweak it (probably with webpack-chain). This essentially works like a local preset.

    Other Ideas

    • We will probably split out vue build into an addon (e.g. vue-cli-build) so the initial install of vue-cli can be faster. vue build can simply try to call vue-cli-build, and prompt installation if it is not found.

    • vue list will be deprecated, OR list available presets instead.

    • Default integration of vue-test-utils and probably Jest as the runner (although it can lead to license concerns)

    • Better error reporting, e.g. jumping directly to source code from error overlay.

    • Grep for common warning / error messages and suggest potential doc links.

    • Auto port detection (suggested by @billyryanwill)

    • Your idea here

    I realize this is in fact very similar to Poi and since @egoist has been an active contributor to vue-cli itself, I would love to get feedback from @egoist and potentially collaborate with him to build the new version. Maybe we can even build this on top of a fork of Poi?

    /cc @vuejs/collaborators

    discussion 
    opened by yyx990803 80
  • Peer Dependency Warning When Installing @vue/cli

    Peer Dependency Warning When Installing @vue/cli

    Version

    3.1.1

    Node and OS info

    npm 6.4.1

    Steps to reproduce

    npm install -g @vue/cli

    What is expected?

    Install Successful

    What is actually happening?

    npm WARN [email protected] requires a peer of [email protected]^0.11.0 || ^0.12.0 || ^0.13.0 but none is installed. You must install peer dependencies yourself.
    npm WARN [email protected] requires a peer of [email protected]^0.10.5 || ^0.11.3 || ^0.12.0 || ^0.13.0 but none is installed. You must install peer dependencies yourself.
    npm WARN [email protected] requires a peer of [email protected]^0.10.5 || ^0.11.3 || ^0.12.0 || ^0.13.0 but none is installed. You must install peer dependencies yourself.
    npm WARN [email protected] requires a peer of [email protected]^0.13.0 but none is installed. You must install peer dependencies yourself.
    npm WARN @apollographql/[email protected] requires a peer of [email protected]^0.13.1 but none is installed. You must install peer dependencies yourself.
    

    Even after I manually install graphql with npm install -g [email protected]^0.13.1, when I do npm -g list --depth=0, npm still warns

    npm ERR! peer dep missing: [email protected]^0.11.0 || ^0.12.0 || ^0.13.0, required by [email protected]
    npm ERR! peer dep missing: [email protected]^0.13.1, required by @apollographql/[email protected]
    npm ERR! peer dep missing: [email protected]^0.10.5 || ^0.11.3 || ^0.12.0 || ^0.13.0, required by [email protected]
    npm ERR! peer dep missing: [email protected]^0.13.0, required by [email protected]
    npm ERR! peer dep missing: [email protected]^0.13.1, required by @apollographql/[email protected]
    npm ERR! peer dep missing: [email protected]^0.10.5 || ^0.11.3 || ^0.12.0 || ^0.13.0, required by [email protected]
    npm ERR! peer dep missing: [email protected]^0.13.0, required by [email protected]
    
    enhancement scope: ui upstream 
    opened by astralcai 79
  • vue-cli-service: command not found

    vue-cli-service: command not found

    Version

    3.0.1

    Node and OS info

    nvm 0.33.1 / Node v8.11.4 / Ubuntu 16.04

    Steps to reproduce

    npm run build fails because vue-cli-service: command not found

    What is expected?

    npm run build succeeds

    What is actually happening?

    npm run build fails because vue-cli-service: command not found


    Installed globally with npm install -g @vue/[email protected]

    wontfix 
    opened by dimavolo 78
  • ERROR when use vue create

    ERROR when use vue create

    Version

    3.0.0-alpha.13

    Reproduction link

    http://www.heyui.top/

    Steps to reproduce

    npm create test1
    Please pick a preset: default (babel, eslint)

    What is expected?

    create successfull

    What is actually happening?

    ERROR command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist


    I choosed taobao registry, I can't change anymore.

    opened by vvpvvp 62
  • Roadmap for version 4

    Roadmap for version 4

    It's time for a major version bump. This will be a relatively small release but will include a number of necessary breaking changes.

    Planned Features

    Dependency Updates

    Changed Behavior

    • [x] vue-template-loader: preserveWhitespace: false -> whitespace: 'condense' #3853
    • [x] use NODE_ENV=production by default if not specified when running vue-cli-service build #3859
    • [x] plugin-pwa: manifest.json should be generated during the build process rather than scaffolding #2981

    New Features

    Most proposed new features other than plugin APIs can also be landed in v3.x so they are not listed here.

    • [x] Plugin API: Allow plugins to provide a minimum vue-cli version #3861
    • [x] vue upgrade overhaul, allowing running codemods from plugins
    • [ ] Plugin ordering #1754, #1938

    Removed

    • [ ] Drop Node.js v9 support (in documentation, no need to touch the code)
    • [x] remove support for vue-cli-service e2e command (already deprecated since 3.0 rc) (#3774)

    Needs Discussion

    • [ ] Drop unit mocha in favor of Jest only
      • Mostly because mocha-webpack is unmaintained and unlikely to work with webpack 5
      • Need good migration strategy for existing users
    • [x] Use mochapack instead of mocha-webpack
    • [x] Upgrade to mocha v6

    How Can I Help?

    Please let us know your thoughts and if we missed anything. We'll be more than happy to explain our rationale around these decisions if there's any further questions.

    If there's anything you (and the community) feel strongly about but is not found on this list, please make an effort to send a PR! We'll be more than happy to accept contributions.

    discussion semver: major 
    opened by sodatea 52
  • vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

    vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

    Version

    Reproduction link

    https://jsfiddle.net/b5u87965/

    Steps to reproduce

    when create a new vue project:

    vue init webpack my-project

    vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

    What is expected?

    init a new vue project

    What is actually happening?

    vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

    opened by mayefeng 45
  • New vue-cli application fails to compile due to eslint-loader

    New vue-cli application fails to compile due to eslint-loader

    Version

    3.9.0

    Environment info

    Environment Info:
    
      System:
        OS: macOS Sierra 10.12.6
        CPU: (4) x64 Intel(R) Core(TM) i5-6287U CPU @ 3.10GHz
      Binaries:
        Node: 10.15.3 - ~/.nvm/versions/node/v10.15.3/bin/node
        Yarn: 1.13.0 - /usr/local/bin/yarn
        npm: 6.4.1 - ~/.nvm/versions/node/v10.15.3/bin/npm
      Browsers:
        Chrome: 75.0.3770.100
        Firefox: 67.0.4
        Safari: 12.1.1
      npmPackages:
        @vue/babel-helper-vue-jsx-merge-props:  1.0.0 
        @vue/babel-plugin-transform-vue-jsx:  1.0.0 
        @vue/babel-preset-app:  3.9.0 
        @vue/babel-preset-jsx:  1.0.0 
        @vue/babel-sugar-functional-vue:  1.0.0 
        @vue/babel-sugar-inject-h:  1.0.0 
        @vue/babel-sugar-v-model:  1.0.0 
        @vue/babel-sugar-v-on:  1.0.0 
        @vue/cli-overlay:  3.9.0 
        @vue/cli-plugin-babel: ^3.9.0 => 3.9.0 
        @vue/cli-plugin-eslint: ^3.9.0 => 3.9.0 
        @vue/cli-service: ^3.9.0 => 3.9.0 
        @vue/cli-shared-utils:  3.9.0 
        @vue/component-compiler-utils:  2.6.0 
        @vue/preload-webpack-plugin:  1.1.0 
        @vue/web-component-wrapper:  1.2.0 
        eslint-plugin-vue: ^5.0.0 => 5.2.3 (4.7.1)
        vue: ^2.6.10 => 2.6.10 
        vue-eslint-parser:  2.0.3 (5.0.0)
        vue-hot-reload-api:  2.3.3 
        vue-loader:  15.7.0 
        vue-router: ^3.0.3 => 3.0.7 
        vue-style-loader:  4.1.2 
        vue-template-compiler: ^2.6.10 => 2.6.10 
        vue-template-es2015-compiler:  1.9.1 
        vuex: ^3.0.1 => 3.1.1 
      npmGlobalPackages:
        @vue/cli: 3.9.0
    

    Steps to reproduce

    >vue create new-app
    >cd new-app
    >npm run serve
    

    What is expected?

    INFO  Starting development server...
     98% after emitting CopyPlugin                                                .  
     DONE  Compiled successfully in 3435ms                               10:02:58 AM
    
     
      App running at:
      - Local:   http://localhost:8080/ 
      - Network: http://10.145.82.231:8080/
    
      Note that the development build is not optimized.
      To create a production build, run npm run build.
    

    What is actually happening?

    INFO  Starting development server...
     98% after emitting CopyPlugin                                                 
    
     ERROR  Failed to compile with 1 errors                               9:53:57 AM
    
    Module build failed (from ./node_modules/eslint-loader/index.js):
    Error: Cannot find module '.../node_modules/eslint/lib/api.js/package.json'
        at Function.Module._resolveFilename (internal/modules/cjs/loader.js:582:15)
        at Function.Module._load (internal/modules/cjs/loader.js:508:25)
        at Module.require (internal/modules/cjs/loader.js:637:17)
        at require (internal/modules/cjs/helpers.js:22:18)
        at Object.module.exports (.../node_modules/eslint-loader/index.js:170:23)
    
    You may use special comments to disable some warnings.
    Use // eslint-disable-next-line to ignore the next line.
    Use /* eslint-disable */ to ignore all warnings in a file.
    

    This is from a clean instantiation of a vue-cli application. No additional configuration to webpack or eslint. It had been working previously, so I'm thinking it could be a issue caused by a minor update to a dependency. Somewhere eslint-loader is getting a user defined eslint package path that does not exist.

    bug scope: eslint upstream 
    opened by lbicknese 42
  • Vue2 using typescript and cli-service

    Vue2 using typescript and cli-service

    Version

    4.5.0

    Environment info

    Environment Info:
    
      System:
        OS: Windows 10 10.0.19042
        CPU: (8) x64 Intel(R) Core(TM) i7-4720HQ CPU @ 2.60GHz
      Binaries:
        Node: 12.16.3 - C:\Program Files\nodejs\node.EXE
        Yarn: 1.22.5 - C:\ENVIRONMENT\yarn\bin\yarn.CMD
        npm: 6.14.11 - C:\Program Files\nodejs\npm.CMD
      Browsers:
        Chrome: 91.0.4472.164
        Edge: Spartan (44.19041.1023.0), Chromium (92.0.902.55)
      npmPackages:
        @vue/babel-helper-vue-jsx-merge-props:  1.2.1
        @vue/babel-helper-vue-transform-on:  1.0.2
        @vue/babel-plugin-jsx:  1.0.6
        @vue/babel-plugin-transform-vue-jsx:  1.2.1
        @vue/babel-preset-app:  4.5.13
        @vue/babel-preset-jsx:  1.2.4
        @vue/babel-sugar-composition-api-inject-h:  1.2.1
        @vue/babel-sugar-composition-api-render-instance:  1.2.4
        @vue/babel-sugar-functional-vue:  1.2.2
        @vue/babel-sugar-inject-h:  1.2.2
        @vue/babel-sugar-v-model:  1.2.3
        @vue/babel-sugar-v-on:  1.2.3
        @vue/cli-overlay:  4.5.13
        @vue/cli-plugin-babel: ^4.5.13 => 4.5.13
        @vue/cli-plugin-eslint: ~4.5.0 => 4.5.13
        @vue/cli-plugin-router: ~4.5.0 => 4.5.13
        @vue/cli-plugin-typescript: ~4.5.0 => 4.5.13
        @vue/cli-plugin-vuex: ~4.5.0 => 4.5.13
        @vue/cli-service: ~4.5.0 => 4.5.13
        @vue/cli-shared-utils:  4.5.13
        @vue/component-compiler-utils:  3.2.2
        @vue/composition-api: ^1.0.4 => 1.0.4
        @vue/eslint-config-prettier: ^6.0.0 => 6.0.0
        @vue/eslint-config-typescript: ^7.0.0 => 7.0.0
        @vue/preload-webpack-plugin:  undefined (1.1.2)
        @vue/web-component-wrapper:  1.3.0
        eslint-plugin-vue: ^7.4.1 => 7.4.1
        typescript: ^4.3.5 => 4.3.5
        vue: 2.6.12 => 2.6.12
        vue-awesome: ^2.3.3 => 2.3.8
        vue-class-component: ^7.2.6 => 7.2.6
        vue-cli: ^2.9.6 => 2.9.6
        vue-eslint-parser:  7.9.0 (7.3.0)
        vue-hot-reload-api:  2.3.4
        vue-loader: ^13.0.4 => 13.7.3 (16.3.3, 15.9.6)
        vue-qr: ^1.2.3 => 1.5.3
        vue-router: ^2.7.0 => 2.8.1
        vue-style-loader: ^3.0.1 => 3.1.2 (4.1.3)
        vue-template-compiler: 2.6.12 => 2.6.12
        vue-template-es2015-compiler:  1.9.1
        vuedraggable: ^2.16.0 => 2.24.3
        vuex: ^3.6.2 => 3.6.2
      npmGlobalPackages:
        @vue/cli: Not Found
    

    Steps to reproduce

    
    <template>
    	<div id="app">
    		<router-view></router-view>
    	</div>
    </template>
    <script lang="ts">
    import Vue from 'vue';
    export default class App extends Vue {
    	count = 0;
    }
    </script>
    

    and then got this error

     ERROR  Failed to compile with 1 error                                                                                                                 
     error  in ./src/App.vue?vue&type=script&lang=ts&
    
    Syntax Error: Unexpected token (3:10)
    
      1 | import Vue from 'vue';
      2 | export default class App extends Vue {
    > 3 |     count = 0;
        |           ^
      4 | }
      5 | 
    
    
    
     @ ./src/App.vue?vue&type=script&lang=ts& 1:0-446 1:462-465 1:467-910 1:467-910
     @ ./src/App.vue
     @ ./src/main.ts
     @ multi (webpack)-dev-server/client?http://192.168.31.172:9005&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.ts
    
    No type errors found
    Version: typescript 4.3.5
    

    FYI , if I remove lang="ts" and then there is no errors

    What is expected?

    ts of js should be the same

    What is actually happening?

    on lang="ts" will got syntax error , but no on js


    if update vue to 2.6.13 will got a parser error witch tells me to install vue-template-compiler

    ERROR Failed to compile with 1 error
    Syntax Error: TypeError: Cannot read property 'parseComponent' of undefined

    You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. INTERNAL ERROR(undefined,undefined) When you use vue option, make sure to install vue-template-compiler.

    this project was ran as js all the time, back then it was webpack underneath, recently I want to use vue-cli-service to replace original webpack&express , and it works just fine with *.ts file, not on vue with lang='ts' file, It confuse me , and I can't found any solution but wirte this bug report hoping you guys can help me out. Thanks a lot.

    opened by Tonysmark 0
  • Update build-targets.md

    Update build-targets.md

    The produced demo page should at least be mentioned in the docs

    What kind of change does this PR introduce? (check at least one)

    • [ ] Bugfix
    • [ ] Feature
    • [ ] Code style update
    • [ ] Refactor
    • [x] Docs
    • [ ] Underlying tools
    • [ ] Other, please describe:

    Does this PR introduce a breaking change? (check one)

    • [ ] Yes
    • [x] No

    Other information: The library build target documentation does not mention the fact a demo.html file is created during build, I feel it should be.

    opened by GeekJosh 0
  • vue-cli-service build --dest /../sampleouput/public/front     doesn't work

    vue-cli-service build --dest /../sampleouput/public/front doesn't work

    Version

    4.5.13

    Reproduction link

    https://github.com/Bible-Projects/believers-sword-app

    Environment info

    
      System:
        OS: Windows 10 10.0.19043
        CPU: (8) x64 Intel(R) Core(TM) i5-10300H CPU @ 2.50GHz   
      Binaries:
        Node: 14.16.1 - C:\Program Files\nodejs\node.EXE
        Yarn: 1.22.10 - ~\AppData\Roaming\npm\yarn.CMD
        npm: 7.19.1 - C:\Program Files\nodejs\npm.CMD
      Browsers:
        Chrome: Not Found
        Edge: Spartan (44.19041.1023.0), Chromium (91.0.864.71)  
      npmPackages:
        @css-render/vue3-ssr:  0.15.4
        @vue/babel-helper-vue-jsx-merge-props:  1.2.1
        @vue/babel-helper-vue-transform-on:  1.0.2
        @vue/babel-plugin-jsx:  1.0.6
        @vue/babel-plugin-transform-vue-jsx:  1.2.1
        @vue/babel-preset-app:  4.5.13
        @vue/babel-preset-jsx:  1.2.4
        @vue/babel-sugar-composition-api-inject-h:  1.2.1        
        @vue/babel-sugar-composition-api-render-instance:  1.2.4 
        @vue/babel-sugar-functional-vue:  1.2.2
        @vue/babel-sugar-inject-h:  1.2.2
        @vue/babel-sugar-v-model:  1.2.3
        @vue/babel-sugar-v-on:  1.2.3
        @vue/cli-overlay:  4.5.13
        @vue/cli-plugin-babel: ~4.5.0 => 4.5.13
        @vue/cli-plugin-eslint: ~4.5.0 => 4.5.13
        @vue/cli-plugin-pwa: ~4.5.0 => 4.5.13
        @vue/cli-plugin-router: ~4.5.0 => 4.5.13
        @vue/cli-plugin-typescript: ~4.5.0 => 4.5.13
        @vue/cli-plugin-vuex: ~4.5.0 => 4.5.13
        @vue/cli-service: ~4.5.0 => 4.5.13
        @vue/cli-shared-utils:  4.5.13
        @vue/compiler-core:  3.1.5
        @vue/compiler-dom:  3.1.5
        @vue/compiler-sfc: ^3.0.0 => 3.1.5
        @vue/compiler-ssr:  3.1.5
        @vue/component-compiler-utils:  3.2.2
        @vue/devtools-api:  6.0.0-beta.15
        @vue/eslint-config-prettier: ^6.0.0 => 6.0.0
        @vue/eslint-config-typescript: ^7.0.0 => 7.0.0
        @vue/preload-webpack-plugin:  1.1.2
        @vue/reactivity:  3.1.5
        @vue/runtime-core:  3.1.5
        @vue/runtime-dom:  3.1.5
        @vue/shared:  3.1.5
        @vue/web-component-wrapper:  1.3.0
        eslint-plugin-vue: ^7.0.0 => 7.13.0
        typescript: ~4.1.5 => 4.1.6
        vue: ^3.0.0 => 3.1.5
        vue-cli-plugin-electron-builder: ~2.1.1 => 2.1.1
        vue-eslint-parser:  7.8.0
        vue-hot-reload-api:  2.3.4
        vue-loader:  15.9.7 (16.3.1)
        vue-router: ^4.0.0-0 => 4.0.10
        vue-style-loader:  4.1.3
        vue-template-es2015-compiler:  1.9.1
        vueuc:  0.4.9
        vuex: ^4.0.0-0 => 4.0.2
      npmGlobalPackages:
        @vue/cli: Not Found
    

    Steps to reproduce

    running

    cross-env WEB=1 vue-cli-service build --dest /../sampleouput/public/front
    

    does not work.. I would like to move the output from different directory

    What is expected?

    Their should be a new Folder called sampleoutput/public/front from cd ..

    What is actually happening?

    nothing is being outputed in cd ..

    opened by BroJenuel 0
  • chore!: drop webpack-4 support in v5

    chore!: drop webpack-4 support in v5

    1. I don't think I'll ever have the capacity to keep maintaining this compat plugin. It's better to drop it now than later.
    2. The plugin is needed at the time of alpha.0 because many ecosystem plugins did not support webpack 5. But now I don't think it will be a major hurdle.
    3. The implementation was too hacky.

    What kind of change does this PR introduce? (check at least one)

    • [ ] Bugfix
    • [ ] Feature
    • [ ] Code style update
    • [x] Refactor
    • [ ] Docs
    • [ ] Underlying tools
    • [ ] Other, please describe:

    Does this PR introduce a breaking change? (check one)

    • [x] Yes
    • [ ] No

    Other information:

    PR: Breaking Change 
    opened by sodatea 0
  • fix: mark `sideEffects: true` for styles in Vue components

    fix: mark `sideEffects: true` for styles in Vue components

    See discussions at https://github.com/vuejs/vue-loader/issues/1435

    What kind of change does this PR introduce? (check at least one)

    • [x] Bugfix
    • [ ] Feature
    • [ ] Code style update
    • [ ] Refactor
    • [ ] Docs
    • [ ] Underlying tools
    • [ ] Other, please describe:

    Does this PR introduce a breaking change? (check one)

    • [ ] Yes
    • [x] No

    Other information:

    PR: Bug Fix 
    opened by sodatea 0
  • Wrong url for safari-nomodule-fix if publicPath is absolute url (V5)

    Wrong url for safari-nomodule-fix if publicPath is absolute url (V5)

    Version

    5.0.0-beta.2

    Environment info

      System:
        OS: macOS 10.15.7
        CPU: (6) x64 Intel(R) Core(TM) i5-8500B CPU @ 3.00GHz
      Binaries:
        Node: 12.16.3 - /usr/local/bin/node
        Yarn: 1.17.3 - ~/.npm-global/bin/yarn
        npm: 6.14.8 - ~/.npm-global/bin/npm
      Browsers:
        Chrome: 92.0.4515.93
        Edge: Not Found
        Firefox: 90.0
        Safari: 14.1
      npmPackages:
        @vue/babel-helper-vue-jsx-merge-props:  1.2.1 
        @vue/babel-helper-vue-transform-on:  1.0.2 
        @vue/babel-plugin-jsx:  1.0.6 
        @vue/babel-plugin-transform-vue-jsx:  1.2.1 
        @vue/babel-preset-app:  5.0.0-beta.2 
        @vue/babel-preset-jsx:  1.2.4 
        @vue/babel-sugar-composition-api-inject-h:  1.2.1 
        @vue/babel-sugar-composition-api-render-instance:  1.2.4 
        @vue/babel-sugar-functional-vue:  1.2.2 
        @vue/babel-sugar-inject-h:  1.2.2 
        @vue/babel-sugar-v-model:  1.2.3 
        @vue/babel-sugar-v-on:  1.2.3 
        @vue/cli-overlay:  5.0.0-beta.2 
        @vue/cli-plugin-babel: ~5.0.0-beta.2 => 5.0.0-beta.2 
        @vue/cli-plugin-eslint: ^5.0.0-beta.2 => 5.0.0-beta.2 
        @vue/cli-plugin-router: ^5.0.0-beta.2 => 5.0.0-beta.2 
        @vue/cli-plugin-vuex: ^5.0.0-beta.2 => 5.0.0-beta.2 
        @vue/cli-service: ~5.0.0-beta.2 => 5.0.0-beta.2 
        @vue/cli-shared-utils:  5.0.0-beta.2 
        @vue/compiler-core:  3.1.5 
        @vue/compiler-dom:  3.1.5 
        @vue/compiler-sfc:  3.1.5 
        @vue/compiler-ssr:  3.1.5 
        @vue/component-compiler-utils:  3.2.2 
        @vue/eslint-config-prettier: ^6.0.0 => 6.0.0 
        @vue/shared:  3.1.5 
        @vue/web-component-wrapper:  1.3.0 
        eslint-plugin-vue: ^7.14.0 => 7.14.0 
        vue: ^2.6.11 => 2.6.14 
        vue-cli-plugin-style-resources-loader: ~0.1.5 => 0.1.5 
        vue-eslint-parser:  7.9.0 
        vue-gettext: ^2.1.12 => 2.1.12 
        vue-hot-reload-api:  2.3.4 
        vue-loader:  16.3.1 (15.9.7)
        vue-router: ^3.2.0 => 3.5.2 
        vue-style-loader:  4.1.3 
        vue-template-compiler: ^2.6.14 => 2.6.14 
        vue-template-es2015-compiler:  1.9.1 
        vuex: ^3.4.0 => 3.6.2 
      npmGlobalPackages:
        @vue/cli: Not Found
    

    Steps to reproduce

    publicPath:
        process.env.NODE_ENV === 'production'
          ? 'http://localhost:8000/static/frontend'
          : '/static/frontend',
    

    What is expected?

    Script publicPath is the same and is correct

    <script src="http://localhost:8000/static/frontend/js/safari-nomodule-fix.js" type="module"></script>
    

    What is actually happening?

    Script publicPath is wrong, 2nd slash after http is omitted

    <script src="http:/localhost:8000/static/frontend/js/safari-nomodule-fix.js" type="module"></script>
    

    Why? How to pass absolute url for production? (I have all static files hosted on CDN on another domain)

    opened by 7iomka 0
  • run esmodule vue.config.js Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]

    run esmodule vue.config.js Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]

    i use esmodule in vue.config.js

    Version

    5.0.0-beta.2

    code

    //package.json
    
      "type": "module"
    
    
    //vue.config.js
    
    import postcssAutoAdaptive from './postcss-auto-adaptive'
    
    module.exports = {
      devServer: {
        disableHostCheck: true,
        host: '0.0.0.0',
        port: 9521,
        proxy: {
          // change xxx-api/login => mock/login
          // detail: https://cli.vuejs.org/config/#devserver-proxy
          [process.env.VUE_APP_BASE_API]: {
            // target: `http://172.16.6.83:8080/`,
            target: `http://172.16.160.68:8080/`,
            changeOrigin: true,
            pathRewrite: {
              ['^' + process.env.VUE_APP_BASE_API]: '/'
            }
          }
        }
      },
      css: {
        loaderOptions: {
          postcss: {
            postcssOptions: {
              plugins: [
                postcssAutoAdaptive()
              ]
            }
          }
        }
      },
      publicPath: '/',
      outputDir: 'dist',
      lintOnSave: false,
      runtimeCompiler: true
    }
    
    

    Reproduction link

    https://none

    Environment info

    Environment Info:
    
      System:
        OS: Windows 10 10.0.19042
        CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor
      Binaries:
        Node: 14.16.0 - D:\devlang\nodejs\node.EXE
        Yarn: Not Found
        npm: 6.14.11 - D:\devlang\nodejs\npm.CMD
      Browsers:
        Chrome: Not Found
        Edge: Spartan (44.19041.423.0), Chromium (91.0.864.70)
      npmPackages:
        @antv/x6-vue-shape: ^1.1.6 => 1.2.4
        @vue/babel-helper-vue-jsx-merge-props:  1.2.1
        @vue/babel-helper-vue-transform-on:  1.0.2
        @vue/babel-plugin-jsx:  1.0.6
        @vue/babel-plugin-transform-vue-jsx:  1.2.1
        @vue/babel-preset-app:  5.0.0-beta.2
        @vue/babel-preset-jsx:  1.2.4
        @vue/babel-sugar-composition-api-inject-h:  1.2.1
        @vue/babel-sugar-composition-api-render-instance:  1.2.4
        @vue/babel-sugar-functional-vue:  1.2.2
        @vue/babel-sugar-inject-h:  1.2.2
        @vue/babel-sugar-v-model:  1.2.3
        @vue/babel-sugar-v-on:  1.2.3
        @vue/cli-overlay:  5.0.0-beta.2
        @vue/cli-plugin-babel: ~5.0.0-beta.2 => 5.0.0-beta.2
        @vue/cli-plugin-eslint: ~5.0.0-beta.2 => 5.0.0-beta.2
        @vue/cli-plugin-router: ~5.0.0-beta.2 => 5.0.0-beta.2
        @vue/cli-plugin-typescript: ~5.0.0-beta.2 => 5.0.0-beta.2
        @vue/cli-plugin-vuex: ~5.0.0-beta.2 => 5.0.0-beta.2
        @vue/cli-service: ~5.0.0-beta.2 => 5.0.0-beta.2
        @vue/cli-shared-utils:  5.0.0-beta.2
        @vue/component-compiler-utils:  3.2.2
        @vue/composition-api: ^1.0.0-rc.10 => 1.0.0-rc.10
        @vue/eslint-config-typescript: ^7.0.0 => 7.0.0
        @vue/web-component-wrapper:  1.3.0
        babel-helper-vue-jsx-merge-props:  2.0.3
        eslint-plugin-vue: ^6.2.2 => 6.2.2
        typescript: ^4.2.4 => 4.3.5
        vue: ^2.6.14 => 2.6.14
        vue-axios: ^2.1.5 => 2.1.5
        vue-class-component: ^7.2.3 => 7.2.6
        vue-clipboard2: ^0.3.1 => 0.3.1
        vue-demi:  0.7.5
        vue-eslint-parser:  7.6.0
        vue-hot-reload-api:  2.3.4
        vue-loader:  16.3.1 (15.9.7)
        vue-property-decorator: ^9.1.2 => 9.1.2
        vue-router: ^3.2.0 => 3.5.1
        vue-style-loader:  4.1.3
        vue-template-compiler: ^2.6.14 => 2.6.14
        vue-template-es2015-compiler:  1.9.1
        vuex: ^3.6.2 => 3.6.2
        vuex-class: ^0.3.2 => 0.3.2
        vuex-class-modules: ^1.3.0 => 1.3.0
      npmGlobalPackages:
        @vue/cli: Not Found
    
    

    Steps to reproduce

    none

    What is expected?

    none

    What is actually happening?

    ERROR Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the default ESM loader. On Windows, absolute paths must be valid file:// U RLs. Received protocol 'd:' Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Rec eived protocol 'd:' at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:782:11) at Loader.resolve (internal/modules/esm/loader.js:86:40) at Loader.getModuleJob (internal/modules/esm/loader.js:230:28) at Loader.import (internal/modules/esm/loader.js:165:28) at importModuleDynamically (internal/modules/cjs/loader.js:1006:27) at exports.importModuleDynamicallyCallback (internal/process/esm_loader.js:30:14) at loadFileConfig (D:\project\yoyosys\console\console-2.0-installer\console-install-ui\[email protected]\cli-service\lib\util\loadFileConfig.js:28:7) at Service.loadUserOptions (D:\project\yoyosys\console\console-2.0-installer\console-install-ui\[email protected]\cli-service\lib\Service.js:337:44) at Service.init (D:\project\yoyosys\console\console-2.0-installer\console-install-ui\[email protected]\cli-service\lib\Service.js:76:30) at Service.run (D:\project\yoyosys\console\console-2.0-installer\console-install-ui\[email protected]\cli-service\lib\Service.js:245:16) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] serve: vue-cli-service serve npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] serve script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Admin\AppData\Roaming\npm-cache_logs\2021-07-19T10_27_48_845Z-debug.log

    Process finished with exit code 1


    none

    opened by social-uni 1
  • Update deployment.md by adding Stormkit.io

    Update deployment.md by adding Stormkit.io

    According to the contribution guidelines, I added the instructions on how to deploy a vue app to Stormkit to the master and the next branch. I tried to find the best place alphabetically, which is quiet difficult. How does this look to you?

    What kind of change does this PR introduce? (check at least one)

    • [ ] Bugfix
    • [ ] Feature
    • [ ] Code style update
    • [ ] Refactor
    • [x] Docs
    • [ ] Underlying tools
    • [ ] Other, please describe:

    Does this PR introduce a breaking change? (check one)

    • [ ] Yes
    • [x] No

    Other information:

    opened by wtphilip 0
  • Unused mstile-150x150.png image (PWA plugin)

    Unused mstile-150x150.png image (PWA plugin)

    Version

    4.5.13

    Environment info

    System:
      OS: Windows 10 10.0.19042
      CPU: (4) x64 Intel(R) Core(TM) i5-3570 CPU @ 3.40GHz   
    Binaries:
      Node: 14.16.0 - C:\Program Files\nodejs\node.EXE       
      Yarn: Not Found
      npm: 6.14.8 - C:\Program Files\nodejs\npm.CMD
    Browsers:
      Chrome: 91.0.4472.124
      Edge: Spartan (44.19041.1023.0), Chromium (91.0.864.67)
    npmGlobalPackages:
      @vue/cli: Not Found
    

    Steps to reproduce

    • Run vue create foo -d && cd foo
    • Run vue add pwa
    • Now we have an unused public/img/icons/mstile-150x150.png image.

    What is expected?

    From my perspective, the public/img/icons directory should not contain any unused images.

    What is actually happening?

    The mstile-150x150.png file appears in the public/img/icons directory. However, I couldn't find any references to this image either in the source code or in a production build:

    • No references in the <head> element.
    • No references in the browserconfig.xml file (since it is not generated at all).
    • No references in the manifest.json file.

    Probably I missed something, and this file is used somewhere in the code. However, my current impression is that the mstile-150x150.png file is not needed in this repo (at least without browserconfig.xml).

    opened by kefir500 0
  • Outdated Cypress Label in 'vue create' E2E Testing Menu

    Outdated Cypress Label in 'vue create' E2E Testing Menu

    Version

    4.5.3

    Environment info

    Environment Info:
    
      System:
        OS: macOS 11.4
        CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
      Binaries:
        Node: 14.17.1 - /usr/local/bin/node
        Yarn: 1.22.10 - /usr/local/bin/yarn
        npm: 6.14.13 - /usr/local/bin/npm
      Browsers:
        Chrome: 91.0.4472.114
        Edge: Not Found
        Firefox: Not Found
        Safari: 14.1.1
      npmGlobalPackages:
        @vue/cli: 4.5.13
    

    Steps to reproduce

    In a terminal window, enter: vue create foo Continue until E2E preferences menu

    What is expected?

    Cypress appear in the menu as: Cypress

    What is actually happening?

    Cypress appears in the menu as: Cypress (Chrome only)


    Cypress supports Firefox & Edge (since Cypress v4.0) Source: Cypress Official Blog

    opened by GDLMendonca 0
Releases(v5.0.0-beta.2)
  • v5.0.0-beta.2(Jun 9, 2021)

    For a complete guide on migrating from v4 to v5, see https://next.cli.vuejs.org/migrations/migrate-from-v4.html

    :rocket: New Features

    • @vue/cli-plugin-typescript, @vue/cli-service, @vue/cli-shared-utils, @vue/cli

    :bug: Bug Fix

    • @vue/cli-plugin-pwa
      • #6518 fix(pwa): Replace closeTag parameter with voidTag for HtmlWebpackPlugin (@tcitworld)
    • @vue/cli-service
    • @vue/cli-plugin-unit-mocha
      • #6478 fix(mocha): set mode to none to avoid DefinePlugin conflict (@sodatea)

    :memo: Documentation

    :house: Internal

    • @vue/cli-service

    Committers: 6

    Source code(tar.gz)
    Source code(zip)
  • v5.0.0-beta.1(May 19, 2021)

    :rocket: New Features

    • @vue/cli-service
    • @vue/cli-plugin-unit-mocha

    :boom: Breaking Changes

    • @vue/cli-ui
      • #6443 fix!: keep project name validation rules in sync between UI and CLI (@sodatea)

    :bug: Bug Fix

    • @vue/cli-service
      • #6470 fix(SafariNomoduleFixPlugin): use RawSource instead of a plain object (@KaelWD)
    • @vue/cli-plugin-typescript
      • #6456 fix(typescript): add missing dependencies and require.resolve compiler (@merceyz)
    • @vue/cli-ui
      • #6443 fix!: keep project name validation rules in sync between UI and CLI (@sodatea)
    • @vue/cli-plugin-unit-jest

    Committers: 4

    Source code(tar.gz)
    Source code(zip)
  • v4.5.13(May 7, 2021)

  • v5.0.0-beta.0(Apr 25, 2021)

    For a complete guide on migrating from v4 to v5, see https://next.cli.vuejs.org/migrations/migrate-from-v4.html


    The following are the changes between 5.0.0-alpha.8 and 5.0.0-beta.0:

    :boom: Breaking Changes

    • @vue/cli-ui-addon-webpack, @vue/cli-ui-addon-widgets, @vue/cli-ui
    • @vue/cli-plugin-webpack-4, @vue/cli-service
      • #6420 feat!: upgrade to css-minimizer-webpack-plugin v2 (@sodatea)
    • @vue/cli-service
      • #6422 feat!: always inject safari-nomodule-fix as an external script; drop --no-unsafe-inline flag (@sodatea)
    • @vue/cli-plugin-babel, @vue/cli-service, @vue/cli-ui
      • #6416 feat!: turn on modern mode by default, and provide a --no-module option (@sodatea)

    :rocket: New Features

    • @vue/cli-plugin-typescript
    • @vue/cli-plugin-webpack-4, @vue/cli-service
      • #6420 feat!: upgrade to css-minimizer-webpack-plugin v2 (@sodatea)
    • @vue/cli-service
      • #6422 feat!: always inject safari-nomodule-fix as an external script; drop --no-unsafe-inline flag (@sodatea)
      • #6285 feat(cli-service): provide jsconfig.json in no-ts template (@yoyo930021)
      • #5997 feat(cli-service): add inline loader support for html-webpack-plugin (@ylc395)
    • @vue/babel-preset-app, @vue/cli-service
      • #6419 feat: only needs one bundle if all targets support es module (@sodatea)
    • @vue/cli-plugin-babel, @vue/cli-service, @vue/cli-ui
      • #6416 feat!: turn on modern mode by default, and provide a --no-module option (@sodatea)
    • @vue/cli-plugin-typescript, @vue/cli-service

    :bug: Bug Fix

    • @vue/cli-ui
    • @vue/cli-service
    • @vue/cli-plugin-unit-jest
      • #6418 Show fallback message for typescript jest preset if ts-jest is not in… (@m0ksem)
    • @vue/cli-plugin-unit-mocha

    :memo: Documentation

    • #6438 docs: add modern mode changes to the migration guide (@sodatea)

    Committers: 8

    Source code(tar.gz)
    Source code(zip)
  • v5.0.0-alpha.8(Mar 24, 2021)

    :rocket: New Features

    • @vue/cli-plugin-babel, @vue/cli-service
      • #6354 feat: when transpileDependencies is set to true, transpile all dependencies in node_modules (@sodatea)
    • @vue/cli-service
      • #6355 feat: a defineConfig API from @vue/cli-service for better typing support in vue.config.js (@sodatea)

    :boom: Breaking Changes

    • @vue/cli-service
    • @vue/cli-plugin-unit-jest
      • #6347 refactor!: move vue-jest and ts-jest to peer dependencies (@sodatea)

    :bug: Bug Fix

    • @vue/cli-service

    Committers: 4

    Source code(tar.gz)
    Source code(zip)
  • v4.5.12(Mar 17, 2021)

    • bump vue-codemod to work around an NPM hoisting bug
    • bump minimum required JSX preset / plugin versions, fixes https://github.com/vuejs/jsx/issues/183
    • bump default typescript version to 4.1 and prettier version to 2.x for new projects, fixes #6299
    Source code(tar.gz)
    Source code(zip)
  • v5.0.0-alpha.7(Mar 11, 2021)

  • v5.0.0-alpha.6(Mar 10, 2021)

    :boom: Breaking Changes

    • @vue/cli-plugin-unit-jest
      • #6335 chore!: update vue-jest to v4.x (@sodatea). With this update, custom blocks is supported in Jest. For more details, see https://github.com/vuejs/vue-jest/#supporting-custom-blocks
    • @vue/cli-service
      • #6332 feat!: upgrade to css-loader 5; remove css.requireModuleExtension & css.modules options (@sodatea). For more guidance on migration, see https://next.cli.vuejs.org/migrations/migrate-from-v4.html#css-modules

    :bug: Bug Fix

    Committers: 2

    Source code(tar.gz)
    Source code(zip)
  • v5.0.0-alpha.5(Feb 23, 2021)

    Documentations available at https://next.cli.vuejs.org/

    :boom: Breaking Changes

    • @vue/cli-plugin-webpack-4, @vue/cli-service
      • #6301 feat!: use the latest versions of css preprocessor loaders by default (@sodatea)
    • @vue/cli-plugin-e2e-webdriverio, @vue/cli-plugin-typescript
    • @vue/cli-service, @vue/cli-ui, @vue/cli

    :rocket: New Features

    • @vue/cli-plugin-webpack-4, @vue/cli
      • #6307 feat(GeneratorAPI): forceOverwrite option for extendPackage (@sodatea)
    • @vue/cli-plugin-webpack-4, @vue/cli-service
      • #6301 feat!: use the latest versions of css preprocessor loaders by default (@sodatea)
    • @vue/cli-plugin-e2e-webdriverio, @vue/cli-plugin-typescript

    :bug: Bug Fix

    • @vue/cli-plugin-e2e-webdriverio, @vue/cli-plugin-typescript
      • #6309 fix(webdriverio): add expect-webdriverio to tsconfig (@sodatea)
    • @vue/cli-shared-utils
    • @vue/cli
      • #6304 fix(generator): support npm package aliases ("@npm:" in version specifier) (@nuochong)
      • #6303 fix(create): write the lint-staged config to its own file (Closes #6298) (@HexPandaa)
    • @vue/babel-preset-app, @vue/cli-plugin-babel, @vue/cli-plugin-e2e-cypress, @vue/cli-plugin-e2e-nightwatch, @vue/cli-plugin-e2e-webdriverio, @vue/cli-plugin-eslint, @vue/cli-plugin-pwa, @vue/cli-plugin-router, @vue/cli-plugin-typescript, @vue/cli-plugin-unit-jest, @vue/cli-plugin-unit-mocha, @vue/cli-plugin-vuex, @vue/cli-plugin-webpack-4, @vue/cli-service, @vue/cli-shared-utils, @vue/cli-test-utils, @vue/cli-ui-addon-webpack, @vue/cli-ui-addon-widgets, @vue/cli-ui, @vue/cli
      • #6291 fix: better dev server & webpack 4 compatibility and some trivial dependency updates (@sodatea)

    Committers: 4

    Source code(tar.gz)
    Source code(zip)
  • v5.0.0-alpha.4(Feb 18, 2021)

    :rocket: New Features

    • @vue/cli-plugin-webpack-4, @vue/cli-service
      • #6279 feat!: update copy & terser plugin, move more legacy code to webpack-4 plugin (@sodatea)
    • @vue/cli-plugin-babel, @vue/cli-plugin-pwa, @vue/cli-plugin-webpack-4, @vue/cli-service
    • @vue/cli-plugin-typescript
      • #6235 feat(typescript): add useDefineForClassFields option in tsconfig template (@ktsn)

    :boom: Breaking Changes

    • @vue/cli-plugin-webpack-4, @vue/cli-service
      • #6279 feat!: update copy & terser plugin, move more legacy code to webpack-4 plugin (@sodatea)
    • @vue/cli-plugin-babel, @vue/cli-plugin-pwa, @vue/cli-plugin-webpack-4, @vue/cli-service

    :bug: Bug Fix

    • @vue/cli-plugin-pwa
      • #6277 fix(cli-plugin-pwa): webpack5 warning for emitting manifest.json (@awill1988)
    • @vue/cli-service
      • #6230 fix: mini-css-extract-plugin publicPath option can be an absolute path (@Veath)
      • #6221 fix(cli-service): avoiding recreating dist directory (@fangbinwei)

    :house: Internal

    Committers: 7

    Source code(tar.gz)
    Source code(zip)
  • v4.5.11(Jan 22, 2021)

  • v5.0.0-alpha.3(Jan 22, 2021)

    :rocket: New Features

    • @vue/cli-plugin-pwa
    • @vue/cli-service
      • #6187 feat!: bump default sass-loader version to v10, drop sass-loader v7 support (@sodatea)
    • @vue/cli-ui, @vue/cli

    :boom: Breaking Changes

    • @vue/cli-service
      • #6187 feat!: bump default sass-loader version to v10, drop sass-loader v7 support (@sodatea)

    :bug: Bug Fix

    • @vue/cli-service, @vue/cli-shared-utils
      • #5794 fix(cli): resolve plugins relative to the package context (@merceyz)
    • @vue/cli
    • @vue/cli-service
      • #6218 fix: "commonjs2" target should not be used with "output.library" (@sodatea)
    • @vue/cli-plugin-unit-mocha
      • #6215 fix(unit-mocha): shouldn't require webpack-4 plugin with cli-service v4 (@sodatea)
    • @vue/cli-ui
      • #6192 fix: should use graphql v15 at all levels of dependency (@sodatea)

    :house: Internal

    • @vue/cli-plugin-babel
      • #6222 chore: disable cacheCompression for babel-loader by default (@sodatea)
    • @vue/cli-ui
      • #6189 refactor: fix eslint warnings in the cli-ui codebase (@sodatea)

    Committers: 5

    Source code(tar.gz)
    Source code(zip)
  • v5.0.0-alpha.2(Jan 6, 2021)

    5.0.0-alpha.2 (2021-01-06)

    :rocket: New Features

    • @vue/cli

    :bug: Bug Fix

    • @vue/cli-plugin-pwa
      • #5327 fix pwa installability when using noopServiceWorker "Page does not work offline" (@kubenstein)
    • @vue/cli-plugin-unit-mocha
      • #6186 fix(mocha): workaround the ShadowRoot issue in Vue 3.0.5 (@sodatea)
    • @vue/cli-service
      • #6162 fix(cli-service): restrict request headers of historyApiFallback in WebpackDevServer (@githoniel)
    • @vue/cli-plugin-unit-jest
    • @vue/cli

    :memo: Documentation

    :house: Internal

    • @vue/cli-plugin-eslint, @vue/cli-plugin-typescript, @vue/cli-plugin-unit-jest, @vue/cli-service, @vue/cli-test-utils, @vue/cli-ui, @vue/cli

    Committers: 11

    Source code(tar.gz)
    Source code(zip)
  • v5.0.0-alpha.1(Jan 6, 2021)

  • v4.5.10(Jan 6, 2021)

    :bug: Bug Fix

    • @vue/cli-plugin-unit-mocha
      • #6186 fix(mocha): workaround the ShadowRoot issue in Vue 3.0.5 (@sodatea)
    • @vue/cli-plugin-unit-mocha, @vue/cli-service
      • #6097 fix(mocha): disable SSR optimization for Vue 3 testing (@sodatea)
    • @vue/cli-ui
      • #6000 fix: prevent snoretoast shortcut, set notif title (#2720) (@tony19)
    • @vue/cli-service-global, @vue/cli-service
      • #5992 fix: using lang attribute with empty string in html template (@fangbinwei)

    Committers: 3

    Source code(tar.gz)
    Source code(zip)
  • v5.0.0-alpha.0(Dec 14, 2020)

    This release contains mostly internal updates. Vue CLI now uses webpack 5 by default; most underlying packages have been updated to their latest versions.

    For more upcoming new features, see the plan at https://github.com/vuejs/vue-cli/issues/6064

    For a full list of breaking changes, see https://next.cli.vuejs.org/migrations/migrate-from-v4.html#breaking-changes.

    Aside from the dependency updates and thus inevitable breaking changes, this release also includes these bugfixes:

    • @vue/cli
      • #5921 fix(cli): only process template file contents, bump yaml-front-matter… (@ferm10n)
    • @vue/cli-service
      • #6101 fix(cli-service): don't write entry-wc to node_modules (@merceyz)
    • @vue/cli-plugin-unit-mocha, @vue/cli-service
      • #6097 fix(mocha): disable SSR optimization for Vue 3 testing (@sodatea)
    • @vue/cli-ui
      • #6000 fix: prevent snoretoast shortcut, set notif title (#2720) (@tony19)
    • @vue/cli-service
      • #5992 fix: using lang attribute with empty string in html template (@fangbinwei)
    • @vue/cli-plugin-typescript

    Known issues:

    • The preload/prefetch plugins are disabled for now, we'll re-enable them after migrating them to webpack 5;
    • The mocha plugin needs to use webpack 4 as mochapack is still working on its support for webpack 5

    Committers: 19

    Source code(tar.gz)
    Source code(zip)
  • v4.5.9(Nov 17, 2020)

    This version updates the Cypress plugin, allows users to update to a new version of Cypress on their own. Due to backward compatibility concerns, @vue/cli-plugin-e2e-cypress 4.x always comes with a Cypress 3 dependency, and won't be updated until CLI v5 releases. But now that Cypress has shipped several new major versions in the past year, bringing many interesting new features such as cross-browser testing, you may want to try out a new version. As of this release, there now are 2 ways to update the Cypress dependency in the project:

    1. (Yarn users only) Add a resolutions field in the package.json:
    {
      "resolutions": {
        "cypress": "^5.6.0"
      }
    }
    

    Then run yarn again to install the new dependencies. This will keep exactly one Cypress copy in the project so it's the recommended approach.

    1. Ensure you are on @vue/cli-plugin-e2e-cypress 4.5.9, then run npm install -D cypress or yarn add -D cypress in the project. This will install the latest Cypress version to your project root, and the Vue CLI plugin will refer to it when executing the test:e2e task. A drawback of this approach is that [email protected] will still be downloaded during the dependency installation process, even it's useless now. Though, it is only a temporary problem as we are trying to keep the plugin's backward compatibility, and will be soon fixed with an upcoming v5 release.

    :rocket: New Features

    • @vue/cli-plugin-e2e-cypress

    Committers: 1

    Source code(tar.gz)
    Source code(zip)
  • v4.5.8(Oct 19, 2020)

    This version has updated the TypeScript shim for Vue 3. If you encounter any typing issue when using vue v3.0.1 and @vue/test-utils, please update your src/shims-vue.d.ts file according to https://github.com/vuejs/vue-cli/pull/5975/files

    :bug: Bug Fix

    • @vue/cli-plugin-typescript
    • @vue/cli
      • #5961 fix: npm 7 compat by turning on legacy-peer-deps flag (@sodatea)
    • @vue/cli-plugin-eslint
      • #5962 fix: narrow the eslint peer dep version range, avoiding npm 7 error (@sodatea)

    Committers: 2

    Source code(tar.gz)
    Source code(zip)
  • v4.5.7(Oct 7, 2020)

    :bug: Bug Fix

    • @vue/cli-plugin-babel, @vue/cli-plugin-typescript, @vue/cli-service
    • @vue/cli
      • #5871 fix: more accurate warning message for missing global peer dependencies (@sodatea)
      • #5902 fix: incorrectly read Taobao binary mirror configuration. (@godky)
      • #5892 fix: respect scope when resolving package metadata (@bodograumann)
    • @vue/cli-plugin-pwa, @vue/cli-service
      • #5899 fix: shouldn't remove attribute quotes in HTML (@sodatea)

    :memo: Documentation

    Committers: 4

    Source code(tar.gz)
    Source code(zip)
  • v4.5.6(Sep 10, 2020)

  • v4.5.5(Sep 10, 2020)

    Highlights

    If you are working on a Vue 3 project, this version of Vue CLI comes with the latest beta version of vue-loader, which enables support for the experimental <script setup> syntax.

    <template>
      <button @click="inc">{{ count }}</button>
    </template>
    
    <script setup>
    import { ref } from 'vue'
    
    export const count = ref(0)
    export const inc = () => count.value++
    </script>
    
    

    If you encounter any bug when trying out this new feature, please raise an issue in the vue-loader repository.

    Known Issues

    The two new features currently do not work well with thread-loader. In Vue CLI, you need to set parallel: false for them to work correctly.


    :bug: Bug Fix

    • @vue/cli-service
      • #5868 fix: enable some syntax extensions by default for vue script compiler (@sodatea)
    • @vue/cli-plugin-router, @vue/cli-service
      • #5852 fix: fix duplicate id="app" in Vue 3 project template (@sodatea)
    • @vue/cli-plugin-unit-jest, @vue/cli-plugin-unit-mocha
      • #5591 fix(unit-jest, unit-mocha): generate passing tests when bare option is used with router enabled (#3544) (@IwalkAlone)
    • @vue/cli-plugin-pwa
    • @vue/cli
      • #5827 fix: fix support for Node.js v8 and deprecate it (@sodatea)
      • #5823 Handle GPG sign git config for initial commit (@spenserblack)
      • #5808 fix: strip non-ansi characters from registry config (@sodatea)
      • #5801 fix: do not throw when api.render is called from an anonymous function (@sodatea)

    :house: Internal

    • @vue/cli-ui
      • #3687 perf(ui): improve get folder list to use Promises instead of sync (@pikax)

    :hammer: Underlying Tools

    • @vue/babel-preset-app
      • #5831 chore: rename jsx package scope from ant-design-vue to vue (@Amour1688)

    Committers: 8

    Source code(tar.gz)
    Source code(zip)
  • v4.5.4(Aug 17, 2020)

    How to Upgrade

    First, reinstall the latest version of @vue/cli globally.

    yarn global add @vue/cli
    # OR
    npm install -g @vue/cli
    

    Then in the existing Vue CLI projects, run

    vue upgrade
    

    :bug: Bug Fix

    • @vue/cli-plugin-typescript
    • @vue/cli-service
    • @vue/cli

    Committers: 3

    Source code(tar.gz)
    Source code(zip)
  • v4.5.3(Aug 11, 2020)

    :bug: Bug Fix

    • @vue/cli-service
      • #5774 fix: load vue from @vue/cli-service-global on vue serve/vue build (@sodatea)
    • @vue/cli-plugin-e2e-webdriverio, @vue/cli-plugin-typescript
      • #5769 fix: add missing mocha type if wdio is not installed along with any unit testing frameworks (@sodatea)
    • @vue/cli-plugin-typescript
      • #5771 fix: only replace App.vue when there's no router plugin (@sodatea)

    Committers: 1

    Source code(tar.gz)
    Source code(zip)
  • v4.5.2(Aug 10, 2020)

    :bug: Bug Fix

    • @vue/cli-plugin-typescript
      • #5768 fix: no longer need a shim for fork-ts-checker vue 3 support (@sodatea)

    :memo: Documentation, :house: Internal

    • @vue/babel-preset-app, @vue/cli-plugin-e2e-nightwatch, @vue/cli-plugin-eslint, @vue/cli-plugin-typescript, @vue/cli-service, @vue/cli

    Committers: 3

    Source code(tar.gz)
    Source code(zip)
  • v4.5.1(Aug 6, 2020)

    Highlights

    This version comes with a new core plugin for E2E testing - @vue/cli-plugin-e2e-webdriverio, thanks to the maintainer of WebdriverIO @christian-bromann.

    Users will see WebDriverIO listed as an option for E2E test when creating a new project with vue create.

    Or, in other existing projects, you can run vue add @vue/[email protected] to try it out.


    :rocket: New Features

    • @vue/cli-plugin-e2e-webdriverio, @vue/cli-shared-utils, @vue/cli
    • @vue/cli-service
      • #5725 feat: implement a migrator that removes vue-cli-plugin-next as it's no longer needed (@sodatea)

    :bug: Bug Fix

    • @vue/cli-plugin-typescript
      • #5731 fix: fix skipLibCheck default value for vue create (@sodatea)
      • #5722 fix: use fork-ts-checker-webpack-plugin v5 for vue 3 type checking (@sodatea)
    • @vue/cli
      • #5744 fix: ignore .svn/** when reading and writing files (@sodatea)
      • #5736 fix(e2e): shouldn't install webdrivers for unchecked browsers on creation (@sodatea)
    • @vue/cli-service
      • #5718 fix: make vue-loader-v16 an optional dependency, avoid crashing npm 5 (@sodatea)

    :house: Internal

    :hammer: Underlying Tools

    • @vue/babel-preset-app, @vue/cli-plugin-babel, @vue/cli-plugin-e2e-nightwatch, @vue/cli-plugin-e2e-webdriverio, @vue/cli-plugin-typescript, @vue/cli-plugin-unit-jest, @vue/cli-service, @vue/cli-test-utils

    Committers: 6

    Source code(tar.gz)
    Source code(zip)
  • v4.5.0(Jul 24, 2020)

    Highlights

    This version adds first-class Vue 3 support (for preview). You no longer need vue-cli-plugin-vue-next to serve and build Vue 3 projects. Users of the plugin can safely remove it from the projects.

    vue create hello-vue-3


    :rocket: New Features

    • @vue/babel-preset-app, @vue/cli-plugin-babel, @vue/cli-plugin-eslint, @vue/cli-plugin-router, @vue/cli-plugin-typescript, @vue/cli-plugin-unit-jest, @vue/cli-plugin-unit-mocha, @vue/cli-plugin-vuex, @vue/cli-service, @vue/cli-test-utils, @vue/cli-ui, @vue/cli
      • #5637 feat: allow choosing vue version on creation (and in presets) (@sodatea)
    • @vue/cli-plugin-typescript
      • #5688 feat: add skipLibCheck option in the TS template (defaults to true) (@sodatea)
    • @vue/cli-service, @vue/cli-test-utils, @vue/cli
    • @vue/cli-plugin-typescript, @vue/cli-service
    • @vue/cli-service, @vue/cli

    :bug: Bug Fix

    • @vue/cli-service
    • @vue/babel-preset-app
      • #5543 fix: better error message for non-existent polyfill names (@sodatea)

    :memo: Documentation

    :house: Internal

    • @vue/cli-shared-utils
    • @vue/cli-service, @vue/cli
      • #5629 refactor: replace jscodeshift with vue-codemod (@sodatea)

    Committers: 7

    Source code(tar.gz)
    Source code(zip)
  • v4.4.6(Jun 24, 2020)

  • v4.4.5(Jun 22, 2020)

    :bug: Bug Fix

    • @vue/cli-service
      • #5592 fix polyfill injection when building app on multiple threads (@dtcz)
      • #5598 fix an edge case that VUE_CLI_SERVICE_CONFIG_PATH might be ignored (@sodatea)
    • @vue/cli-plugin-e2e-cypress
    • @vue/cli
      • #5586 fix: support auth token when retrieving package metadata (@sodatea)
    • @vue/cli-plugin-e2e-nightwatch
      • #5528 fix: should not install corresponding webdriver if the browser is unselected (@sodatea)

    :house: Internal

    • @vue/cli-shared-utils
      • #5572 refactor: replace request-promise-native with util.promisify (@jeneser)

    Committers: 5

    Source code(tar.gz)
    Source code(zip)
  • v4.4.4(Jun 12, 2020)

  • v4.4.3(Jun 12, 2020)

    How to Upgrade

    First, reinstall the latest version of @vue/cli globally.

    yarn global add @vue/cli
    # OR
    npm install -g @vue/cli
    

    Then in the projects, run

    vue upgrade
    

    :bug: Bug Fix

    • @vue/cli-plugin-eslint
      • #5545 fix(eslint-migrator): skip upgrade prompt if eslint v7 is installed (#5545) (@EzioKissshot)
    • @vue/cli-plugin-typescript
      • #5539 fix: correctly shim @vue/compiler-sfc for fork-ts-checker-plugin (@sodatea)
    • @vue/cli-service
      • #5542 fix(cli-service): process the webpack failed hook in the serve command (@jeneser)
    • @vue/cli

    :house: Internal

    • @vue/babel-preset-app

    :memo: Documentation

    • @vue/cli-plugin-pwa
      • #5530 docs: mention using null to ignore icons (@qirh)

    Committers: 5

    Source code(tar.gz)
    Source code(zip)
An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI.

Vue Enterprise Boilerplate This is an ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI. Questio

Ben Hong 7.1k Jul 27, 2021
An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI.

An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI.

Ben Hong 7.1k Jul 26, 2021
📦 Yeoman generator to build your own Vue.js components

generator-vue-component ?? Yeoman generator to build your own Vue.js components Support Vue.js 2 => [email protected]>=2.0.0 [master] Vue.js 1

Nacho Anaya 32 Aug 7, 2019
A WordPress theme with the guts ripped out and replaced with Vue.

VueWordPress Theme Starter Features Getting started Video Training Code Organization New to Vue? External References Features coming soon: Changelog V

Evan Agee 1.4k Jul 26, 2021
A Vue.js starter kit that lets you focus on more programming and less configuration.

vue-starter A Vue.js starter kit that lets you focus on more programming and less configuration. A full-featured Webpack setup with hot-reload, lint-o

Rohit Rai 57 Jul 30, 2020
Awrora Starter - Vue JS Landing Page Template

Landing page template built with one of most popular javascript library Vue.JS, Vuetify (Material Design) and Nuxt.JS with SSR.

Ilham Meidi 17 Jul 23, 2021
An open source starter solution for organizations to add a customer portal to their FileMaker database. Supports taking credit card payments online.

Customer Portal Starter Solution About this portal This portal was created by Blue Feather. It was designed both as a starting point for us to use wit

Blue Feather 5 Jul 4, 2021
Anthony Fu 606 Jul 27, 2021
A web app that can improve your study experience in University of Manchester

UoM Assistant An all-in-one productivity tool to help coordinate uni work. Designed for you. Development This project is still under development. Plea

AxtonYao 9 Jul 27, 2021
A Complete Single Page Application using Vue, Vue Router, Bootstrap-Vue, Vuex and all....

Vue-CRUD Application A Complete Single Page Application (SPA) or Product CRUD Application using Vue 3, Vue Router, Vue-Pagination, Searching, Sweet Al

Maniruzzaman Akash 20 Jul 20, 2021
😍 Awesome Vue Boilerplate 🥳 Vue 🥰 Vuex, vuex-pathify 🤗 element-ui 🤲 tailwindcss

Awesome Vue Boilerplate This is an ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI 3. Getting

Narek Hakobyan 55 May 30, 2021
Rails view with webpack=vue optimizer

RailsVueMelt Rails view with webpack=vue optimizer Installation Add this line to your application's Gemfile: gem 'rails_vue_melt' And then execute: $

midnightSuyama 16 Dec 23, 2020
🏕 Opinionated Vite Starter Template

?? Opinionated Vite Starter Template

Anthony Fu 1.6k Jul 26, 2021
Opinionated Vue 3 + Vite + Typescript blog starter ⚔

Elucidator blog starter Blog starter build with Vue 3 + Vite + Typescript Introduction Elucidator blog starter is a starter blog built with Vuejs 3, V

I Gusti Ngurah Satya Wikananda 3 Jul 14, 2021