Vscode netless environment rapid migration development environment (VIP collection version)

Catalog

One 、Node.js Installation and environment configuration

1、 Download and install

a、 brief introduction

b、 Download from the official website

c、 install

2、 Configure global dependent package path

a、 Default package path

b、 Modify the global dependency package download path

3、 Environment variable configuration

a、 Configure domestic image

b、 Configure system environment variables path route

Two 、VSCode Plug in package migration and specified location

1、VSCode Plug in default location

2、 Appoint VSCode Plug in location

3、 ... and 、VSCode Dependent package migration

Four 、VSCode common problem

---

One 、Node.js Installation and environment configuration

1、 Download and install

a、 brief introduction

Node.js  It's running on the server side  JavaScript.
Node.js  It's based on  Chrome V8  Engine  JavaScript  Running environment .
Node.js  An event driver is used 、 Non-blocking type  I/O  Model of , Make it lightweight and efficient .
Node.js  Package manager  npm, Is the world's largest open source repository ecosystem .

b、 Official website download

Open the official website link , download Node.js Installation package , When selected here 64 Bit msi Installation package

c、 install

The default path is selected here

 New version of the Node.js I have brought with me npm, install Node.js Will be installed together ,
npm The function of is to Node.js Dependent packages for management 

After installation, it is shown in the figure

 dos Window type

  As illustrated in the figure node.js and npm Installed successfully

2、 Configure global dependent package path

node.js and npm After successful installation , The preparatory work has already been done

a、 Default package path

Just download a global package ,

npm install -g vue

The following will appear node_modules Folder ,

The default storage path of this package is C:\Users\Administrator\AppData\Roaming\npm\node_modules Next ,

Can pass CMD Command view

npm root -g

b、 Modify the global dependency package download path

Custom storage directory , stay node Create two new folders under the installation directory

node_global Global package download and storage
node_cache node cache

1） Command to modify the default path

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

 2） Configuration file modification \npm\.npmrc file

prefix =C:\node\node_global
cache = C:\node\node_cache

Download a global package

npm install -g vue

Successfully appear in the new configured path

3、 Environment variable configuration

a、 Configure domestic image

download npm The package is downloaded from a foreign server , It's very slow in China , It usually points to Taobao  

npm config set registry https://registry.npm.taobao.org

Install one globally vue-cli The scaffold

npm install @vue/cli -g

The speed increase is quite obvious

b、 Configure system environment variables path route

  Just download a few packages to test

npm install @vue/cli -g
npm install express -g
npm install webpack -g
npm install typings -g

success

Two 、VSCode Plug in package migration and specified location

1、VSCode Plug in default location

 Sometimes it is troublesome for computers to download plug-ins without external network environment , Therefore, it is much more convenient to migrate ready-made plug-ins directly ,
 Find the default location of the plug-in , Just pack it 

C:\Users\ user name \.vscode\extensions

2、 Appoint VSCode Plug in location

 Sometimes I don't want to install in C disc , Because it's gone when you reinstall the system , Therefore, you can consider installing it in the software installation path ,
 First create a folder extensions

double-click VSCode Shortcut icon for , start-up VSCode , Load the plug-in under the specified path , Then the installed plug-ins will be placed in the specified directory

3、 ... and 、VSCode Dependent package migration

Copy the dependent files of the installed machine and package them to the new machine

Four 、VSCode common problem

Whether the project is migrated or an error is reported when the project is started

1、 Check node.js edition , bring into correspondence with

2、 Check the error prompt , Is it a lack of dependent packages

3、xx

Please like it , Form good habits ！

doubt 、 communication 、 Please leave a message ！

---