WEB前端工具

工欲善其事,必先利其器

Node

node js

Git Bash

git bash

WebStorm

webStorm

Visual Studio Code

Visual Studio Code

快捷键


							Ctrl + Shift + P, F1 // 显示命令模式
							Ctrl + P // 快速查找文件								
						
快捷键

简体中文包

简体中文包

Auto Close Tag

Auto Close Tag

Auto Rename Tag

Auto Rename Tag

Beautify

美化 javascript, JSON, CSS, Sass, and HTML

HTML Snippets


							div --> 
doc --> a -->
HTML Snippets

自动补全CSS类名

IntelliSense for CSS class names in HTML

Vetur

Vue tooling for VS Code

Material Theme

Material Theme

vscode-icons

vscode-icons

Debugger-for-chrome

支持打开谷歌浏览器后,在VS CODE中设置断点,调试代码

Settings Sync

Settings Sync

GIST ID : 9e8e9c20a03957c893351e8fa6e62dd1

练习(Exercises)

  • 安装node

  • 安装git bash

  • 安装Visual Studio Code

The End

Thanks