What development tools are used for vue front-end?

VSCode is a lightweight code editor from Microsoft. It is free and powerful. It supports JavaScript and NodeJS very well. It comes with many functions, such as code formatting, code intelligent prompt completion, Emmet plug-in, etc. . VSCode recommends opening a project as a folder.

Recommended Manual: Vue.js Basic Tutorial

But I want to develop Vue also needs to download plug-ins.

vscode plug-in

Installation

Enter vscode official website plug-in store (https://marketplace.visualstudio. com/VSCode)

To install the Vetur plug-in as an example

Click install, will start vscode

Click to install in vscode

vue related plug-ins

vetur Syntax highlighting, intelligent perception

VueHelper vue code fragments

Vue 2 Snippets vue2 code fragments

Recommended related articles:
1.Debugging tool vue-devtools in Vue (detailed tutorial) ​
2.What do you need to pay attention to in Vue front-end development
Related video recommendations:
1.JavaScript Quick Start_Jade Girl Heart Sutra Series
2.Vue Framework Video Tutorial

The above is the detailed content of What development tools are used for vue front-end?. For more information, please follow other related articles on the PHP Chinese website!