Installer le nœud, la vue et d'autres configurations d'environnement dans l'environnement MAC

Le développement Web implique généralement une certaine configuration de l'environnement. Les deux derniers articles que j'ai écrits concernaient la configuration de l'environnement back-end. Je voudrais maintenant présenter la configuration de l'environnement front-end. J'espère que cela pourra aider Xiaobai.

Recommandations associées :                                                                                                                                                                                  ​ ​​
2.《Installation de l'environnement MAC PHP, Apache, MacPorts et autres configurations d'environnement》
1. Configuration de l'installation du nœud

1. Téléchargez la version d'installation de node : https://nodejs.org/en/download/ Juste "Suivant".

https://nodejs.org/en/download/  直接“下一步”就可以了，   

安装完成后页面提示：

This package has installed:

    • Node.js v14.17.4 to /usr/local/bin/node

    • npm v6.14.14 to /usr/local/bin/npm

Make sure that /usr/local/bin is in your $PATH.

         1）安装完成后，使用命令测试，查看node版本：node -v 

         2）由于新版本的node会连同npm一起安装好，所以不用刻意安装npm

               测试是否安装npm并查看版本   npm -v

         3）如果安装版本是旧的版本可以使用npm命令升级：

                $sudo npm install npm -g

         4）使用cnpm 代替npm （可选）

         原因：npm 安装一些依赖的时候走的是国外的一些网站

         cnpm可以节省安装依赖的时间，具体的可以到网上查看，但是没有必要，只知道速度快就好了

安装语法：

$sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

如果本地有项目想运行起来，就切换到项目目录下执行以下命令，否则先执行【Vue安装配置】：

（1)$sudo npm install    
（2) $sudo npm run dev  #注意每次都要运行这行命令

二、Vue安装配置

1．通过nmp 安装vue-cli脚手架 [Vue脚手架工具就是一个快速生成Vue项目结构的命令行工具] ：

 $sudo npm install -g vue-cli

测试是否安装成功：vue 不报错，没有not command foundCe package a installé :

• Node.js v14.17.4 vers /usr/local/bin/node

• npm v6.14.14 vers /usr/local/bin/npm

Assurez-vous que /usr/local/bin est dans votre $PATH.

1) Une fois l'installation terminée, utilisez la commande test pour vérifier la version du nœud : node -v

2) Puisque la nouvelle version du nœud sera installé avec npm, donc n'installez pas délibérément NPM et testez si vous devez installer NPM et vérifiez la version NPM -V 3) Si la version d'installation est une ancienne version, vous pouvez utiliser la commande NPM pour mise à niveau :

$ Sudo NPM Install NPM -g

4) Utilisez cnpm au lieu de npm (facultatif)

Raison : Lorsque npm installe certaines dépendances, il utilise certains sites Web étrangers

                                                               . mais ce n'est pas nécessaire, sachez simplement que c'est rapide

Syntaxe d'installation :

$sudo vue init  webpack qing        #如我的项目名qing

? Project name yes
? Project description yes
? Author yes
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recom
mended) npm
  vue-cli · Generated "qing".

cd qing   #如我的项目名qing

$sudo cnpm install

$sudo npm install

up to date, audited 1854 packages in 39s
59 packages are looking for funding
 run `npm fund` for details
65 vulnerabilities (27 low, 19 moderate, 18 high, 1 critical)
To address issues that do not require attention, run:
 npm audit fix
To address all issues (including breaking changes), run:
 npm audit fix --force
Run `npm audit` for details.

$sudo npm run dev

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!