Home  >  Article  >  Development Tools  >  A brief discussion on how to create and run vue projects in vscode

A brief discussion on how to create and run vue projects in vscode

青灯夜游
青灯夜游forward
2021-12-03 19:12:377134browse

How to create and run a vue project in

vscode? This article will introduce to you how to create and run a vue project in vscode. I hope it will be helpful to friends in need!

A brief discussion on how to create and run vue projects in vscode

Configure vue’s prototype environment node.js before installation

Just download and install it. There is no problem with the default installation, and the environment variables will be automatically configured.

Install the vue scaffolding, vue-cli

1. Install the Visual Studio Code software. [Recommended learning: "vscode introductory tutorial"]

2. The social language can be Chinese.

A brief discussion on how to create and run vue projects in vscode

3. After the installation is complete, create a new folder on the computer to store the vue project

4. A brief discussion on how to create and run vue projects in vscode

A brief discussion on how to create and run vue projects in vscode

Hold down ctrl shift ~ start the command line tool

5. Enter vue init webpack test

may appear after entering the command line A problem occurred, the "vue" item cannot be added to identify the name of a cmdlet, function, script or executable program

A brief discussion on how to create and run vue projects in vscode

Need to open

A brief discussion on how to create and run vue projects in vscode

Enter the command to view get-ExecutionPolicy. If Restricted is displayed (indicating that the status is prohibited), execute the command set-ExecutionPolicy RemoteSigned. Finally, enter the command to view get-ExecutionPolicy. RemoteSigned is displayed to indicate that it can be used.

Also There is a possibility that there is a problem with the environment variable configuration

6. Restart the software and continue executionvue init webpack test

A brief discussion on how to create and run vue projects in vscode

Press Enter all the way Good means the creation is successful

7. After the creation is successful, cd to the project path and execute npm install

8, and then execute npm run dev to start the project

9、

A brief discussion on how to create and run vue projects in vscode

A brief discussion on how to create and run vue projects in vscode

Project started successfully

More related to VSCode For knowledge, please visit: vscode tutorial! !

The above is the detailed content of A brief discussion on how to create and run vue projects in vscode. For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:csdn.net. If there is any infringement, please contact admin@php.cn delete