vscode- code editor stands for "visual studio code", is a major run on Mac OS X, Windows and Linux on top of the code editor to write for the modern Web and cloud applications cross-platform source.
Baidu search vscode click on the official website (https://code.visualstudio.com/) download editor, usually it will automatically determine your PC version is Mac, windows or linux system is divided into 32bit or 64bit
How to View the computer version of the system model? Right-click the computer this computer to view the properties, and then according to your own computer version of the model download on OK, the file probably looks like 60M download speed depends on your network speed. After the download is complete, the desktop will be downloaded the installation package, click on the installer, then consent agreement (if you do not accept the agreement, you can not next); Check create a desktop shortcut and added to the PATH (to take effect after the restart) button and then click Next select the installation location of your software, and finally click Finish, you'll find more than a shortcut to a Visual Studio Code on your desktop
As shown in Figure: Open the editor to see is in English, the left column editor is active, control resource manager and install the plug, the top section of the menu bar is mainly used to control the file and programming, note 1. File name suffixes that end in .html 2. vscode menu bar to create a new file or a shortcut through a CTRL + N, save the file CTRL + S, 3. created by vscode Explorer
How to view the file name suffix? Desktop New Folder Click on "Tools" - Select the folder in the "View" - to check the "Hide extensions for known file types" to remove, then your files on the desktop will show the file format.
Well of course programming! English is more conducive to the cultivation of our habits of thinking, but not always with a very comfortable, so we first need to lower the Visual Studio Code Chinese, Simplified Chinese editor is opened to install plug-ins " Chinese (Simplified) Language Pack for Visual Studio Code "
安装完成，会出现Restart Now按钮，点击确定，意思是软件立即重启，刚安装的Chinese (Simplified) Language Pack for Visual Studio Code的中文简体语言包才能生效
最后再安装下HTML CSS Support是CSS自动补全插件与js代码错误自动检测插件ESLint
最后为了便于调试，不至于每次打开文件都到文件夹中，我们再安装一个插件open in browser 代码在浏览器中打开，默认打开浏览器的快捷键是ALT+B；打开其他浏览器是shift+alt+b
最后Visual Studio Code具有自带emment代码生成系统，自动补齐代码功能，关于自定义代码块的设置（点击右下角齿轮——用户代码片段-选择html.json）
