How to add vue-cli to the existing project?

vue.js webpack vue-cli
serge1peshcoff picture serge1peshcoff · Apr 11, 2019 · Viewed 9.9k times · Source

I have a project on Vue.js using Webpack. And I want to add vue-cli features to it so I can work with it like I do with vue-cli generate project. But I don't know how to integrate vue-cli with existing project.

With new project I can do vue create <project-name but I couldn't find the instruction on integrating it with existing projects. Is there an official way to do so? (I suppose I can just create the new project and move all of the sources there, but still probably there's a better way to do it)

Answer

Sikiru Abidemi Tiamiyu picture Sikiru Abidemi Tiamiyu · Jun 1, 2020

Inside the Project Folder in the terminal enter vue create .

Related questions

How to disable ESLint in vue-cli?

How do I go about disabling ESlint in project generated with vue-cli? preLoaders: [ { test: /\.vue$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ }, { test: /\.js$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ } ] If I remove the loader: 'eslint' line it won't …

Read More
Vue CLI CSS pre-processor option: dart-sass VS node-sass?

When creating a new project with CLI (v3.7.0), there is an option to choose between dart-sass or node-sass compiler. How do these compare to each other, to be more specific than declared in Vue docs? A Tip on Sass Performance …

Read More
How to break the js files into chunks in vue cli 3 with webpack performance object?

I have done a project using vue cli v3. After building the project I saw 2 warnings i.e. warning asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance. Assets: js/chunk-vendors.2557157…

Read More