软件工程概论项目(二)，node.js的配置，npm的使用与vue的安装

news/2024/11/14 16:22:50/

上一章我们配置了git仓库，这一章我们来配置项目需要用的一些其他的环境。
放一个思维导图在这里，可以参考一下，很不全面，没有参考价值,反正我先这样写吧。
参考了这个nodejs的配置，写的很好：https://blog.csdn.net/WHF__/article/details/129362462

在这里插入图片描述

Node.js下载

软件安装

	Node.js是一个优秀的服务器端编程语言，可以用来构建高性能的Web应用程序。它采用了非阻塞I/O模型，使得能够处理大量并发连接，从而提高应用程序的吞吐量和响应速度。前端开发工具：Node.js提供了很多工具和框架，可以帮助开发人员快速构建和调试前端应用程序。例如，它可以用来运行和测试JavaScript代码、构建和打包前端资源等。构建命令行工具：Node.js提供了强大的命令行工具开发能力，可以帮助开发人员快速构建自己的命令行工具。这些工具可以用来自动化任务、批处理数据、快速生成项目结构等。
数据库访问：Node.js提供了丰富的数据库访问驱动程序，可以方便地访问各种类型的数据库，如MySQL、MongoDB、Redis等。这使得开发人员可以方便地与数据库进行交互，快速开发数据驱动的应用程序。

Node.js下载链接

进来点击下载就好
在这里插入图片描述
下载完找到这个文件

在这里插入图片描述
单击打开

在这里插入图片描述

打开命令行，win + R 输入cmd
然后输入

node -v
npm -v

在这里插入图片描述
这样就没有问题了

环境配置

找到刚刚安装的目录，在安装目录下建两个文件夹【node_global】【node_cache】
在这里插入图片描述
然后，打开命令行窗口win+R cmd 输入

注意，这里引号的内容为：

在这里插入图片描述

npm config set prefix "D:\Node.js\node_global"

另一个也一样

npm config set cache "D:\Node.js\node_cache"

在这里插入图片描述

可以通过这两条命令查看是否配置正确

配置环境变量：

点按win，搜索环境变量

在这里插入图片描述

变量名：NODE_PATH

变量值：刚配的node_global+\node_modules
我这里是：D:\Node.js\node_global\node_modules

在这里插入图片描述

编辑用户变量
在这里插入图片描述

将默认的 C 盘下【 AppData\Roaming\npm 】修改成【node_global】的路径，点击【确定】
在这里插入图片描述

在【系统变量】中选择【Path】点击【编辑】后点击新建【%NODE_PATH%】，随后一直点击【确定】直到关闭所有窗口即可
在这里插入图片描述

使用

npm install express -g    // -g代表全局安装

来检测是否配置成功
配置好如下
在这里插入图片描述
安装淘宝镜像

淘宝镜像是淘宝团队为国内用户提供的npm镜像源，它与官方镜像源保持同步，并提供了更快的下载速度。

安装淘宝镜像

npm config set registry https://registry.npmmirror.com

查看是否成功：

npm config get registry

在这里插入图片描述
cnpm先不安装,用的时候再说

vue的下载

win + R 输入 cmd 打开命令窗口
在这里插入图片描述
安装vue 输入

npm install vue -g //全局安装

在这里插入图片描述

输入

npm i -g @vue/cli

在这里插入图片描述
然后输入

vue --version

在这里插入图片描述
弹出版本号，至此vue安装到此结束