Répertoire/Contenu :

En savoir plus sur Node.js

Cette phrase est placée sur la page d'accueil du site Web chinois Node.js et du site officiel anglais

Node.js est un runtime JavaScript basé sur le moteur Chrome V8

Node.js® est un runtime JavaScript basé sur le moteur JavaScript V8 de Chrome .

Runtime , l'environnement d'exécution d'un langage de programmation

NodeJS étend JS, afin que JS puisse être séparé du navigateur et exécuté directement sur la machine physique, ce qui signifie que NodeJS peut directement gérer et contrôler les ressources de la machine.

Téléchargez et installez Node

Téléchargez la version correspondante directement depuis le site officiel et installez-la

Pour vérifier que l'installation a réussi, vous pouvez utiliser la ligne de commande

 C:\Users\mild>node -v v16.15.1

Nœud bonjour le monde

Ouvrez la ligne de commande, nœud, comme suit

 C:\Users\mild>node Welcome to Node.js v16.15.1. Type ".help" for more information. > console.log("hello world") hello world undefined >

nœud de sortie

Il y a trois façons

 > (To exit, press Ctrl+C again or Ctrl+D or type .exit)

Double-cliquez sur Ctrl C

Ctrl D

.sortir

`NPM——（npm，Node Package Manager）`

Tout comme maven, passez à Java

pip en python

Nuget vers C++

npm est un outil de gestion de packages fourni avec node et est souvent utilisé pour télécharger du code prêt à l'emploi à utiliser dans des projets personnels

Vérifier la version npm

 > npm -v

`package.json`

Tout comme pour les projets Java gérés à l'aide depom.xmlmaven

comme décrire les bibliothèques tierces utilisées dans le projetsetup.pyPython

package.jsonUtilisé pour décrire et gérer les plugins, les dépendances utilisées dans le projetNode

générer unpackage.json

Ordre

 npm init

Ou utiliser

 npm init -y

Exemple

C:\Users\mild\Desktop\codings\test>npm init npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults.  See `npm help init` for definitive documentation on these fields and exactly what they do.  Use `npm install <pkg>` afterwards to install a package and save it as a dependency in the package.json file.  Press ^C at any time to quit. package name: (test) version: (1.0.0) description: It is a test init entry point: (index.js) test command: git repository: keywords: author: Ading license: (ISC) About to write to C:\Users\mild\Desktop\codings\test\package.json:  {   "name": "test",   "version": "1.0.0",   "description": "It is a test init",   "main": "index.js",   "scripts": {     "test": "echo \"Error: no test specified\" && exit 1"   },   "author": "Ading",   "license": "ISC" }   Is this OK? (yes) npm notice npm notice New minor version of npm available! 8.11.0 -> 8.15.1 npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.15.1 npm notice Run npm install -g npm@8.15.1 to update! npm notice  C:\Users\mild\Desktop\codings\test>

Générépackage.json

 {   "name": "test",   "version": "1.0.0",   "description": "It is a test init",   "main": "index.js",   "scripts": {     "test": "echo \"Error: no test specified\" && exit 1"   },   "author": "Ading",   "license": "ISC" }

dans le fichier est un objet JSON où vous pouvez personnaliser les commandes npm"scripts"

{ "test": "echo " Erreur : aucun test spécifié " && exit 1" },

`npm install`

Syntaxe pour l'installation de bibliothèques tierces

 npm install <package-name>

Les paramètres suivants sont généralement utilisés dans cette commande :

--saveInstallez et ajoutez des entrées au fichier 'spackage.jsondependencies
--save-devInstallez et ajoutez des entrées au fichier 'spackage.jsondevDependencies

Parce que les dépendances sont divisées en deuxpackage.json

devDependenciesGénéralement des outils de développement (par exemple, des bibliothèques de test)
dependenciesest lié à l'application dans l'environnement de production

npm install -g Installation en mode global, recommandée pour les modules référencés par de nombreux projets-g

`node_modules`

Si seulement courirnpm install

Ensuite, installez -le en fonction des dépendances décrites dans et installez-le dans le dossier actuel/node_modulesnpmpackage.json

(Les modules installés en mode non global seront dans le dossier courant /node_modules )

Alors, où sera-t-il installé en mode global ?

Cela doit être vérifié

npm config get prefix

 C:\Users\mild>npm config get prefix C:\software\nodejs\npm_installation_path\node_global

Quand j'ai vu get, j'ai naturellement pensé à set

Donc, pour réinitialiser le chemin d'installation global, puis

npm config set prefix absolute_path

 C:\Users\mild>npm config set prefix C:\data\nodejs\node_global C:\Users\mild>npm config get prefix C:\data\nodejs\node_global

Si le chemin absolu n'est pas utilisé, le répertoire relatif sera défini dans le répertoire courant

regarde en arrièrenpm install

Lors de l'importation de modules tiers à l'aide de require dans le code Node

Node recherchera le module dans node_modules ;
Le module a également package.json lui-même, et dépend également de modules tiers, alors Node chargera le fichier principal défini par le champ principal

Ensuite, de telles dépendances vont et viennent, et une structure arborescente de dépendances sera formée ; il doit y avoir des cas où les mêmes dépendances dépendent de plusieurs modules, et npm comptera d'abord toutes les dépendances, puis les installera uniformément sous le répertoire node_modules. ( Cela évite que la même dépendance puisse être téléchargée et installée plusieurs fois)

cache npm

Pour éviter de télécharger des modules à partir du référentiel distant à chaque fois, npm aura un cache local

Afficher l'adresse en cache

npm config get cache

De même, définissez l'adresse du cache

npm config set cache absolute_path

comme suit

C:\Users\mild>npm config get cacheC:\software\nodejs\npm_installation_path\node_cache
C:\Users\mild>npm config set cache  C:\data\nodejs\node_cache
C:\Users\mild>npm config get cacheC:\data\nodejs\node_cache

Puisqu'il s'agit d'un cache, il peut être effacé

npm cache clean -force

Gestion des versions des modules et`package-lock.json`

package.jsonLa version du module tiers importé peut être contrôlée via la règle de correspondance du numéro de version floue , mais les dépendances contenues dans la version du module tiers ne peuvent pas être contrôlées

Dans les versions ultérieures, ajouténpm5.0.0package-lock.json

Les informations de version de , ainsi que le contenu du fichier sont automatiquement généréspackage.json

Dans le processus de développement réel, il suffit de soumettre

package.jsonetpackage-lock.json

au référentiel de code, alors si vous voulez installer l'environnement du projet, il vous suffit de

npm install

à l'aide des outils d' installation et de ligne de commande (CLI))`npmvue3vue3-cli（`

Installer globalement

 # 最新稳定版 vue3 npm install vue@next

C:\Users\mild>npm install vue@nextadded 21 packages in 12snpm noticenpm notice New minor version of npm available! 8.11.0 -> 8.15.1npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.15.1npm notice Run npm install -g [email protected] to update!npm notice

C'est pour me rappeler de mettre à niveau , alors mettez à niveau directementnpm

npm install -g npm@8.15.1

# 安装vue-clinpm install -g @vue/cli

C:\Users\mild>npm install -g @vue/clinpm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecatednpm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecatednpm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecatednpm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecatednpm WARN deprecated subscriptions-transport-ws@0.11.0: The `subscriptions-transport-ws` package is no longer maintained. We recommend you use `graphql-ws` instead. For help migrating Apollo software to `graphql-ws`, see https://www.apollographql.com/docs/apollo-server/data/subscriptions/#switching-from-subscriptions-transport-ws    For general help using `graphql-ws`, see https://github.com/enisdenjo/graphql-ws/blob/master/README.md
added 848 packages in 2m

On peut voir qu'il y a 5 messages d'avertissement obsolètes (WARN Deprecated)

Une recherche sur Internet, dit pour configurer le miroir Taobao, la commande est comme ça

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

J'ai trouvé qu'il recommence avec J'étais curieux et je l'ai eu avant de le mettre en place.npm config set

C:\Users\mild>npm config get registryhttp://registry.npm.taobao.org/

Ce que vous obtenez est le site Web miroir du protocole, donc définissez simplement le protocolehttp

puis téléchargezcnpm

npm install -g cnpm

Après avoir installé le miroir Taobao, réinstallez-levue-cli

cnpm install -g @vue/cli

Une fois l'installation terminée, vous pouvez vérifier si l'installation a réussivue-cli

C:\data\nodejs\node_global>vue --version @vue/cli 5.0.8

Il peut arriver que la commande vue soit introuvable, c'est-à-dire que la commande vue ne soit pas ajoutée à la variable de chemin système, et vous pouvez accéder directement au dossier avec la commande vue, c'est-à-dire dans le dossier affichénpm config get prefix

Un moyen rapide d'ouvrir les propriétés du système : , entrezCtrl+Rsysdm.cpl

Fin de cet article

faire référence à

Site Web chinois Node.js (nodejs.cn) http://nodejs.cn/

La différence entre Node.js et le navigateur (nodejs.cn) http://nodejs.cn/learn/differences-between-nodejs-and-the-browser

Documentation d'installation du site Web officiel de Vue3 https://v3.cn.vuejs.org/guide/installation.html

En savoir plus sur Node.js

Téléchargez et installez Node

Nœud bonjour le monde

NPM——（npm，Node Package Manager）

package.json

npm install

node_modules