1. Create a front-end development environment that spoils you
- editor:
VSCODE - browser:
Chrome
1.1 Editor:VSCODE
VSCODE(visualstudio Code): Produced by Microsoft- Download site: https://code.visualstudio.com/
- Set Chinese:
ctrl + shift + p / F1, open the command line- choose:
Configular Language Display - will
enbe modified tozh-cn - save and restart
- Recommended plugins:
-
Chinese (Simplified) Language: (Required) Simplified Chinese Language Pack -
Beautify: (required) code formatting -
Live Server: (Required) Run the code in real time -
Bracket Pair Colorizer: (Required) Brackets automatic pairing check -
vscode icons: (required) file icon beautification -
HTML CSS Support: (optional) CSS extension support -
Color Highlight: (optional) CSS color highlight -
Markdown Preview Enhanced: (Optional) Preview the Markdown document in real time -
markdownlint: (optional) Markdown syntax live checker -
Code Runner: (optional) temporary execution of almost all major programming languages -
emmet: (optional) write repetitive code in batches
-
1.2 Browser:Chrome
- All major application markets, Baidu, can be downloaded
- Recommended plugins:
-
FeHelper: (required) WEB front-end assistant -
Web Developer: (Required) Web Development Toolbox -
charset: (required) set the character encoding set (native browser no longer supports) -
划词翻译: (Required) Replace the browser's built-in translator -
AdBlock: (optional) ad blocking -
Print Edit WE: (optional) live edit page -
Save Page WE: (optional) save the page and browse at any time -
极简二维码: (Optional) Send the current page to the phone to continue browsing
-