Shulou(Shulou.com)06/03 Report--

This article is about how to install vue3.0 CLI-1-npm. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Please prepare your own node development environment first.

The vue command exists on the command line after the installation of npm install-g @ vue/cli is complete

Vue-V View local vue version vue-h output help

Vue create goes to the project folder and creates the project.

For example: cd studyVue (enter the project folder) vue create config (create config project)

Select the default configuration item, there is nothing to introduce below, try it yourself.

The following describes the process of selecting a manually select features (use the up and down arrow buttons to switch options-enter keys to determine the selection-the same below)

The configuration item: select the features required by the project (let you select the plug-ins in the project)

Babel-Transcoding tool; TypeScript-Microsoft js superset; PWA-Progressive WEB applications; Router-routing functions; Vuex-centralized state management; CSS-css processors; Linter-code beautification and inspection; Unit Testing-unit testing; E2E Testing-end-to-end testing.

As an ambitious person, we all choose and learn slowly in the future. (press the spacebar to select-same as below)

After pressing enter to confirm, we can see what we selected for the last configuration item.

The configuration item: whether to use the class-style component syntax, select yes.

Yes is selected for this configuration.

The configuration item: whether to use history mode (I will introduce the meaning of this mode later-also on the official website), select no.

The configuration item: select css preprocessing (I have not used the css preprocessor) and choose one at random.

The configuration item: select code beautification and check the configuration. Choose the standard configuration here (I haven't used it either, pick one first).

The configuration item: select the code to check the configuration of the beautification. Choose both.

The configuration item: select a unit test solution. Choose mocha (I haven't used it either, choose one with a large number of users).

This configuration item: select an end-to-end test solution. Choose nightwatch (I don't understand, readers choose).

The configuration item: select where to store all the above configurations. It used to be put in package.json (webpack usage), and the other is the new way of storing configuration in vue 3.0, which makes the configuration items more concise. Select In dedicated config files.

The configuration item: save all the above configuration processes as the default configuration process. (that is, personal settings, which will be used by default for new projects in the future). Select yes.

You will then be asked to name this configuration item. I enter nDosVue.

After that, the automated engineering configuration begins. It can be configured within 1 min.

Npm run serve opens the website; cd config enters the configuration folder. At this point, vue creates the first project to complete.

The resulting directory is shown in the figure above.

Thank you for reading! This is the end of the article on "how to install vue3.0 CLI-1-npm". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.