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