In the course of our study, we used the Vue instruction by introducing the JavaScript library with the tag. This is the best way to ignore the tedious configuration and focus on the syntax itself. But in the actual project development will be accompanied by such a variety of dependencies, if every time download JS files and introduced, for the project migration and maintenance will consume a lot of time and energy, see this we came up with a solution: Node NPM management.

If you can’t think of this one, you can start with Node.js Quick Start

With the help of NPM tools and the integration of some modules (Vuex, Router), Vue has gradually formed its own development framework, we use it is not only using the vue.js library. This framework we can use CLI (scaffolding) tools to install to the local, directly open:

NPM install -g@vue /cli

2. After the installation is successful, we can start to build the Vue framework. Enter: Vue UI to enter the graphical interface of the web page:

3. After selecting a good path, we can start to manually configure the modules we need in the preset:

4. Select common modules:

5. After selecting, you can see the download progress in the background:

6. After downloading, use VSCode/WebStorm to open it.

Look at package.json to see the launch command:

We open the terminal type: NPM run serve, can successfully start a Vue project.