vue-cli | 🛠️ webpack-based tooling for Vue.js Development | Command Line Interface library

 by   vuejs JavaScript Version: 2.9.6 License: MIT

kandi X-RAY | vue-cli Summary

kandi X-RAY | vue-cli Summary

vue-cli is a JavaScript library typically used in Utilities, Command Line Interface, Vue, Webpack applications. vue-cli has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can install using 'npm i zl_templates' or download it from GitHub, npm.

️ webpack-based tooling for Vue.js Development

            kandi-support Support

              vue-cli has a medium active ecosystem.
              It has 29650 star(s) with 6443 fork(s). There are 645 watchers for this library.
              It had no major release in the last 12 months.
              There are 903 open issues and 4539 have been closed. On average issues are closed in 138 days. There are 144 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of vue-cli is 2.9.6

            kandi-Quality Quality

              vue-cli has 0 bugs and 0 code smells.

            kandi-Security Security

              vue-cli has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
              vue-cli code analysis shows 0 unresolved vulnerabilities.
              There are 0 security hotspots that need review.

            kandi-License License

              vue-cli is licensed under the MIT License. This license is Permissive.
              Permissive licenses have the least restrictions, and you can use them in most projects.

            kandi-Reuse Reuse

              vue-cli releases are available to install and integrate.
              Deployable package is available in npm.
              It has 104 lines of code, 0 functions and 589 files.
              It has low code complexity. Code complexity directly impacts maintainability of the code.

            Top functions reviewed by kandi - BETA

            kandi has reviewed vue-cli and discovered the below as its top functions. This is intended to give you an instant insight into vue-cli implemented functionality, and help decide if they suit your requirements.
            • Returns a subset of browsers that match the current browser
            Get all kandi verified functions for this library.

            vue-cli Key Features

            No Key Features are available at this moment for vue-cli.

            vue-cli Examples and Code Snippets

            Vue.js 3 extension breaks while using "vue-cli-service build" due to unsafe-eval
            JavaScriptdot img1Lines of Code : 12dot img1License : Strong Copyleft (CC BY-SA 4.0)
            copy iconCopy
              module.exports = {
                configureWebpack: {
                  plugins: [
                    new webpack.DefinePlugin({
                      global: "window" // Placeholder for global used in any node_modules
            // Note that this plugin 
            Vue PWA plugin adjusting iconPaths and manifest destination
            JavaScriptdot img2Lines of Code : 77dot img2License : Strong Copyleft (CC BY-SA 4.0)
            copy iconCopy
            Doclerizing Vue App throws -error 'sh: dist: uknown operand'
            JavaScriptdot img3Lines of Code : 320dot img3License : Strong Copyleft (CC BY-SA 4.0)
            copy iconCopy
            $ yarn install -g vue-cli
            $ vue init webpack my-project
            $ cd my-project
            $ yarn build
            yarn run v1.21.1
            $ node build/build.js
            Hash: ecbb921d3e4ab8ce9e75
            Version: webpack 3.12.0
            Time: 5971ms
            Runing vue/cli app under docker simple index.html is opened
            JavaScriptdot img4Lines of Code : 58dot img4License : Strong Copyleft (CC BY-SA 4.0)
            copy iconCopy
                    - ${APP_PATH_HOST}:${APP_PTH_CONTAINER}
                    - node_modules:${APP_PTH_CONTAINER}/node_modules
                    - dist:${APP_PTH_CONTAINER}/dist
            FROM node:lts-al
            Bundle JS files with webpack scripts?
            JavaScriptdot img5Lines of Code : 24dot img5License : Strong Copyleft (CC BY-SA 4.0)
            copy iconCopy
             entry: {
                app: ['./path/to/file.js', './path/to/file2.js'],
             output: {
               path: '/path/to/assets', // ex. '../../wwwroot/dist'
               filename: '[name].js', // Substitutes [name] with the entry name, results i
            Miscellaneous Warning ECONNRESET while setting up vue app
            JavaScriptdot img6Lines of Code : 14dot img6License : Strong Copyleft (CC BY-SA 4.0)
            copy iconCopy
            npm config set registry=""
            npm config set strict-ssl false
            npm config set proxy http://username:password@
            npm config set https-proxy http://username:password@
            Unable to connect to dockerised Vue CLI service from host
            JavaScriptdot img7Lines of Code : 21dot img7License : Strong Copyleft (CC BY-SA 4.0)
            copy iconCopy
            version: '3'
                  context: .
                  dockerfile: ./Dockerfile
                image: auscert/vue:latest
                  - .:/home/node
                working_dir: '/home/node/demo'
                command: ['echo', 'Service vue-cli is run 
            Unit testing in vuejs
            JavaScriptdot img8Lines of Code : 43dot img8License : Strong Copyleft (CC BY-SA 4.0)
            copy iconCopy
            $ npm install -g vue-cli
            $ vue init webpack vue-testing
            ? Project name vue-testing
            ? Project description A Vue.js project
            ? Author Tarun Lalwani 
            ? Vue build standalone
            ? Install vue-router? Yes
            ? Use ESLint to lint your code? Yes
            ? Pick 
            Cannot import Vue: SyntaxError: Unexpected identifier
            JavaScriptdot img9Lines of Code : 6dot img9License : Strong Copyleft (CC BY-SA 4.0)
            copy iconCopy
            npm -g i vue-cli
            vue init webpack-simple vue-test-project
            cd vue-test-project
            npm i
            npm run dev
            Failed to download repo vuetifyjs/webpack: Response code 404 (Not Found)
            JavaScriptdot img10Lines of Code : 7dot img10License : Strong Copyleft (CC BY-SA 4.0)
            copy iconCopy
            npm uninstall vue-cli -g
            npm install -g @vue/cli
            vue create my-app
            cd my-app
            vue add vuetify

            Community Discussions


            What exactly are the rules for configuring postcss.config.js (mainly with tailwndcss)?
            Asked 2022-Mar-29 at 11:40

            The number of variants that exist to showcase how postcss.config.js has to be configured is extremely confusing. There are examples (like the one at the tailwindcss documentation) that use this:



            Answered 2021-Oct-26 at 14:58

            In your terminal run the below command to install tailwind css and its dependencies via npm.



            Vuejs Webpack Compression Plugin not compressing
            Asked 2022-Mar-28 at 12:53

            I need help debugging Webpack's Compression Plugin.


            • Goal is to enable asset compression and reduce my app's bundle size. Using the Brotli algorithm as the default, and gzip as a fallback for unsupported browsers.
            • I expected a content-encoding field within an asset's Response Headers. Instead, they're loaded without the field. I used the Chrome dev tools' network tab to confirm this. For context, see the following snippet:
            • No errors show in my browser or IDE when running locally.

            WHAT I TRIED

            • Using different implementations for the compression plugin. See below list of approaches:
              1. (With Webpack Chain API)


            Answered 2021-Sep-30 at 14:59

            It's not clear which server is serving up these assets. If it's Express, looking at the screenshot with the header X-Powered-By, shows that Brotli support hasn't been added to Express yet.

            There might be a way to just specify the header for content-encoding manually though.



            how to downgrade vue version from 3 to 2
            Asked 2022-Feb-24 at 04:30

            I am using Vue3 for studying but it cannot support Vuetify library. So I need to downgrade it to version 2. How can I do that? Vue3 is not installed in global. And vue-cli is installed in global, which is version 4.5.15.



            Answered 2022-Feb-24 at 04:30


            Vue 2 based , vue-cli, vue-property-decorator, vue-class-component, Vuetify, project migration to Vue 3
            Asked 2022-Feb-18 at 14:50

            I am working on project upgrade from Vue 2 to Vue 3. The code base changed according to Vue migration documents: I have mismatch of above mentioned libraries. Does somebody has a running project and would share their working library versions

            Current mismatch error is :



            Answered 2022-Feb-18 at 14:50

            My colleague solved it by moving to Vite. My suggestion would be to drop webpack and use Vite instead.

            Migration guide for Vue 2 to 3 here: Vuetify migration guide:



            Vue project cannot resolve '@'
            Asked 2022-Feb-15 at 08:05

            My vue-cli version is 4.5.15, but it cannot resolve @ as ./src and all paths using '@' are not found. Why did this happen and how could I solve it?



            Answered 2022-Feb-15 at 08:05

            Your statement tries to import a file which does not exist: import Layout from '@/layout' would work with layout.vue or layout/index.js, neither of which is present.

            To fix this, you can either import the single components with their full path (as mentioned in @wittgenstein's comment): import Footer from '@/layout/Footer'

            Or you can create layout/index.js which exposes all components inside the directory:



            Load local fonts in vite vue3 project
            Asked 2022-Jan-31 at 07:50

            In main.scss I load local fonts from assets/styles/fonts folder:



            Answered 2022-Jan-25 at 23:14

            That was the right way, the solution is the relative path so:



            What exactly does webpack:// mean?
            Asked 2022-Jan-30 at 23:57

            For years I have been building apps with Vue-CLI which bundles Webpack. I see this prefix (protocol?) webpack:// but I don't actually know what it means.

            For instance, in the generated source map for an, I see:



            Answered 2022-Jan-28 at 03:48

            tl;dr - webpack:// is an arbitrary protocol name to play nicely with browsers' source map viewers. Nesting each file name under this prefix displays them in a separate dropdown (webpack-demo in this case):

            Webpack (most JS bundlers, really) take some number of uncompressed source files and combine them into a single* compressed** bundle file that can be loaded by a browser in a single network request.

            At a high level, source maps exist to allow developers to easily translate console messages and stack traces from their file line/column number in the bundle back to their original position in a source file. This may be something as simple as "line 1001 in the bundle was actually line 500 in foo.js", or something more tricky like "lines 1001-1021 were part of the compilation output from line 20 in MyComponent.vue". You can read the latest spec for source maps, but in essence they contain three things:

            1. Name of the output bundle file
            2. Name of the input file(s) used to generate the bundle
            3. Encoded mapping data connecting each line in (1) back to a file in (2)

            The simplest source map looks something like this (omitted all but the relevant parts):



            Overriding Vuetify variables when building a Vue2+Vuetify app with Vite
            Asked 2022-Jan-10 at 23:06

            I'm trying to migrate a Vue2+Vuetify app from Vue-CLI/Webpack to Vite. The app has a couple of SCSS files, main.scss and variables.scss with the latter imported by the former.

            main.scss ...


            Answered 2022-Jan-10 at 22:54

            This is accomplished with unplugin-vue-components, the Vite equivalent of vuetify-loader.

            Configure Vite to use unplugin-vue-components with its Vuetify resolver, which automatically imports the Vuetify components and styles upon use (like vuetify-loader):



            Vue-cli project data update delays when sending request with Vuex and axios
            Asked 2022-Jan-05 at 13:52

            I'm working on a project with Vue-CLI, and here's some parts of my code;



            Answered 2022-Jan-05 at 13:52

            The code ignores promise control flow. All promises that are supposed to be awited, should be chained. When used inside functions, promises should be returned for further chaining.

            It is:



            Why can't I use @ to replace the long relative path in my __tests__ folder?
            Asked 2022-Jan-01 at 23:40

            I initialed my vue project via vue-cli. I can use @ in my src folder, but it doesn't work in my __tests__ folder. I've already added config in my tsconfig.json file, but I'm not sure whether it's for this situation.



            Answered 2022-Jan-01 at 23:40

            The test framework needs to be configured with the path aliases as well. It's not automatically configured with tsconfig.json or vue.config.js (or any other config).

            To configure the path alias in Jest, use the moduleNameMapper option:


            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install vue-cli

            You can install using 'npm i zl_templates' or download it from GitHub, npm.


            Docs are available at - we are still working on refining it and contributions are welcome!.
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries
          • npm

            npm i vue-cli

          • CLONE
          • HTTPS


          • CLI

            gh repo clone vuejs/vue-cli

          • sshUrl


          • Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link

            Consider Popular Command Line Interface Libraries


            by ohmyzsh


            by microsoft


            by nvbn


            by junegunn


            by vercel

            Try Top Libraries by vuejs


            by vuejsTypeScript


            by vuejsTypeScript


            by vuejsJavaScript


            by vuejsTypeScript


            by vuejsTypeScript