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".

Une fois l'installation terminée, la page invite :

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

🎜Si vous souhaitez exécuter un projet local, basculez vers le répertoire du projet et exécutez la commande suivante, sinon exécutez [Configuration d'installation de Vue] d'abord :🎜

? 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".

🎜🎜2. Installation et configuration de Vue🎜🎜🎜1. Installez l'échafaudage vue-cli via nmp [L'outil d'échafaudage Vue est un outil de ligne de commande qui génère rapidement la structure du projet Vue] : 🎜

cd qing   #如我的项目名qing

🎜 Testez si l'installation a réussi : vue ne signale pas d'erreur, aucune commande not n'a été trouvée et d'autres termes C'est tout [Une fois l'installation réussie, vous pouvez utiliser la commande vue -V pour vérifier si l'installation a réussi, le numéro de version de l'échafaudage actuellement installé sera affiché.] 🎜🎜2. Pour créer un projet vue, vous devez utiliser webpack🎜

$sudo cnpm install

🎜Il y aura des confirmations Des éléments tels que le nom du projet, etc., déterminez "oui" et "non" en fonction du projet. comme suit : 🎜

$sudo npm install

🎜3. Entrez le répertoire du projet 🎜

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.

🎜4. Installez les dépendances : 🎜🎜 Si cnpm a été installé, utilisez : 🎜

$sudo npm run dev

🎜 S'il n'est pas installé, utilisez :🎜rrreee🎜Après une installation réussie, ce qui suit invite :🎜rrreee🎜5. Une fois que tout est installé, vous pouvez l'exécuter 🎜🎜Notez qu'avant chaque exécution, il est préférable d'utiliser la commande pour le démarrer une fois🎜rrreee🎜C'est moi Notes organisées, même si cela semble très simple. , j'ai eu beaucoup de problèmes lorsque je l'ai installé pour la première fois. Le réseautage est en partie responsable. Certaines commandes doivent être exécutées par-dessus le mur. 🎜

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!