The installation of Vue's second development environment vscode and the creation of project space

The construction of an environment

1.1 Common front-end development ide

1.2 Install vs. code

1. Download address: Visual Studio Code - Code Editing. Redefined

2. Install

1.2.1 Chinese plug-in installation of vscode

1. Enter "chinese" in the search box

2. After the installation is complete and restart, the following becomes Chinese 

1.2.2 Modify the color of the workspace

 Check [light color]

1.2.3 vscode live server plug-in installation

1.2.4 The vetur plug-in installation of vscode

1.2.5 Vue-helper plug-in installation of vscode

1.3 Install vue.js in idea

1. Search for "vue" in the plugins area in idea to start the installation

2. Installation effect

 Two vscode build project

2.1 Create a project

1. Create a new folder locally

Vscode itself does not have the option to create a new project, so first create an empty folder, such as project_xxxx.

Then open vscode, and then select File -> Open Folder in vscode to open the folder, so that the project can be created.

2. Open this folder in vuecode

After opening the folder, select "File -> Save Workspace As...", give the workspace file a name, and store it in the folder just now

open workspace

 3. Set folder as workspace

2.2 Create a file

1. Create hello.html

2.3 Run access

Guess you like

Origin blog.csdn.net/u011066470/article/details/132609661