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

This article introduces the knowledge of "how to run the vue project on vscode". Many people will encounter this dilemma in the operation of actual cases, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

This article operating environment: Windows7 system, vue2.5.17 version, DELL G3 computer

How to run the vue project on vscode? Preface

In the past, I used to write front-end code in webstorm, but recently I began to try to use VSCode to write it. I am still a little confused. I will write down the process step by step to facilitate my own configuration. Specific process: 1: first, we need to use vue-cli scaffolding to build an empty vue project, which I will not repeat 2: open VSCode to download the vetur plug-in

Click the circled icon on the left to open the extension plug-in, and search the vetur plug-in in the top search box to download and install it.

After downloading and installing, you will see it in the extension list. For example, mine is version 0.29.1.

After that, you need to open the setting.json file to configure:

"emmet.syntaxProfiles": {"vue-html": "html", "vue": "html"}

3: download the installation of the eslint plugin, which is an intelligent error detection plug-in

Click the circled icon on the left to open the extension plug-in, and search the eslint plug-in in the top search box to download and install it.

After downloading and installing, you will see it in the extension list. For example, mine is version 2.1.13.

After that, you need to open the setting.json file to configure:

"eslint.validate": ["javascript", "gavesciptreact", "html", "vue"], "eslint.options": {"plugins": ["html"]}

4: open the empty vue project we built in the first step

Type: npm install at the terminal, and download the corresponding dependency first.

Finally, enter: npm start, run the project:

If you open the corresponding address in the browser and see as shown in the figure, it indicates that the operation is successful:

5: use git for project iteration

You can see how VSCode uses git.

That's all for "how to run the vue Project on vscode". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.