“This article has participated in the call for good writing activities, click to view: the back end, the big front end double track submission, 20,000 yuan prize pool waiting for you to challenge!”

Environmental installation

Not the usual setup, of course, but the kind that can be done with three or five lines of code (or copy and paste).

There have been two quick installation tools in the community, Scoop & Chocolatey, and in this class, I’ll talk a little bit about Chocolatey.

WinGet is an official Microsoft product, and it remains to be seen if Microsoft can pull it off this time.

The use of Chocolatey

The installation

Just execute the following program in PowerShell (right-click the Start menu)

Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))
Copy the code

Note: You must have administrator permission to install. Otherwise, a lot of mistakes

Command line usage

Installation node. Js

choco install nodejs 
choco install nvm
Copy the code

One line of code to get the front end of the family bucket!

choco install -y googlechrome firefox git vscode nodejs-lts nvm.portable sourcetree
Copy the code

Note: The installed Firefox is the international version, not the Chinese version. The data between the two versions under the same account cannot be shared

And I’m on Windows. Here’s how I use it. MAC… I don’t have that system either

Not just front end family bucket

Install python family bucket!

choco install -y git tortoisegit vscode python
refreshenv
python -m pip install --upgrade pip
#China Education network user switch image
# pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple
pip install pipenv
Copy the code

You can also search for software

choco search nodejs
Copy the code

VS code

shortcuts

Come on guys, let’s take a look at the shortcuts of VS Code’s powerful tool.

  • ctrl + /: comments all selected entire lines
  • Alt + up/down: Moves the entire line
  • Shift + Alt + up/down: copies the currently selected row
  • ctrl + enter: Directly switch to the next line without clicking
  • ctrl + ~: Makes a call to the VS Code command line
  • ctrl + /: Adds a comment to the selected area
  • shift + alt +a: Add a comment for the selected area, this shortcut and a screenshot of wechatalt+aconflict

The plug-in

  • Chinese (Simplified) functions as the name does, providing a Chinese operation interface
  • Vetur, which highlights Vue code, presumably has Prettier built in, so it also provides formatting tools
  • The Material Icon Theme provides a wide variety of ICONS to beautify and distinguish different types of files
  • Node – Snippets quickly generate node blocks
  • Bracket Pair Colorizer2 makes bracket pairs the same color, making it easier to distinguish between codes (first edition seems to have been discontinued)
  • Live Server small Server architecture that allows code to run on virtual servers (seems to have stopped updating as well)
  • ESlint controls code specifications and formats code

Careful with plug-in

The application name Plug-in function
Little overlord Kid Bully
Super motivator Come on, you’re the best. A million dollars is on the way.
Box of leeks /vscode-stocks Look at the stock trend
The movie set Watch movies and binge-watch TV
daily-anime Like two yuan, like animation, the update of the drama.
read-vscode-e/Thief-Book/ Netease cloud reading, you can read novels while typing code.
vsc-netease-music You can listen to music as if the music itself is not very perceptive or meaningful.
vscode-maxPlus Browse game information.
vscode-leetcode Brush algorithm.
Zhihu On VScode Brush on zhihu.
fakeupdate Imitate various computer systems.
LeetCode Brush algorithm
NBA real-time score Look at NBA statistics.