Teach you how to install vscode by hand (with illustrated steps)

One 、 The front-end tool vscode

1.1、 summary

Front end development is to create Web The page or app The process of presenting the front-end interface to the user , adopt HTML,CSS And JavaScript And all kinds of technology derived from it 、 frame 、 Solution , To realize the user interface interaction of Internet products [1] . It evolved from web production , The name has obvious characteristics of the times . In the evolution of Internet , Web page production is Web1.0 The product of the times , The main content of early websites is static , Mainly pictures and words , The user's behavior of using the website is mainly browsing . With the development of Internet technology and HTML5、CSS3 Application , Modern web pages are more beautiful , The interaction effect is significant , More powerful . [2]

Mobile Internet brings a large number of high-performance mobile terminal devices and fast wireless networks ,HTML5,node.jS Widely used , All kinds of framework libraries emerge in endlessly . [1]

At present, most domestic Internet companies only have front-end engineers and back-end engineers , Some of the work of the middle layer is completed by the front end , Some are done by the backend .

1.2、 Download and install VScode

Download address ：https://code.visualstudio.com/

1.3、 open vscode Installation package

1.4、 Specify the installation directory

1.5、 Create and not create desktop icons , Click on 【 next step 】

1.6、 Click on 【 install 】

1.7、 Installing

1.8、 After installation, click Finish

1.9、 The following interface appears to complete

Two 、 Chinese interface configuration

2.1、 Install Chinese plug-in ：Chinese (Simplified) Language Pack for Visual Studio Code

2.2、 Whether to restart the pop-up in the lower right corner vs, Click on “yes”

2.3、 The Chinese plug-in has been successfully translated into Chinese

3、 ... and 、 Problems encountered in Sinicization

1、 The interface does not change after restart

• Some machines restart if the interface doesn't change , Click on Left sidebar Manage -> Command Paletet…【Ctrl+Shift+p】, Type in the search box “configure display language”, enter
  

2、 choice ’zh-cn’

• choice ’zh-cn’
  

3、 restart vs

Four 、 Plug in installation

In order to facilitate subsequent development , It is recommended to install the following plug-ins

5、 ... and 、 Set font size

Left sidebar Manage -> settings -> Search for “font” -> Font size

6、 ... and 、 Open the whole Emmet Grammar support

Search in settings Emmet： Enable the following options , Restart if necessary vs

7、 ... and 、 View

see —> appearance —> Move the sidebar to the left