Node.js和Vue的安装与配置

目录

1 下载

2 安装 

3 配置

4 安装配置vue

5 构建运行Vue项目

---

1 下载

下载 | Node.js 中文网

根据需求先下载安装包

2 安装 

点击下载的安装包进行安装

点击next

勾选并点击next

 这里要选择安装路径，默认安装在C:\Program Files\nodejs\，可以自由选择。

一路next

 

点击Install

安装完成点击Finish

 安装完成后会自动将node配置到环境变量中，我们打开Windows的cmd窗口输入node -v，查看node版本。

输入npm -v，看到npm版本

3 配置

全局模块的存放路径 以及 cache 的路径的配置，默认是在 C 盘 C:\Users\用户名\AppData\Roaming\npm\node_modules下

在cmd窗口输入npm root -g，查看全局安装的模块所在目录

 打开cmd命令窗口，配置全局安装的模块路径。（注意路径）

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

配置缓存路径（注意路径）

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

在cmd窗口输入npm root -g，即可看见全局安装的模块路径已经切换成我们配置的路径了

 置镜像站，我选择的是淘宝镜像，打开cmd输入

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

输入npm config get registry，输出https://registry.npmmirror.com即表示配置成功

接下来配置一下Node.js的环境变量，在设置中找到系统，再在系统下面找到关于选项，在页面右侧找到高级系统设置。

 点击环境变量，在系统变量中找到Path，点击编辑，点击新建，把刚刚建成的node_global路径填写下来

 

4 安装配置vue

打开PowerShell管理员模式，输入npm info vue，查看获取vue信息。

输入npm install vue -g 开始安装vue 

5 构建运行Vue项目

在E盘创建了一个demo目录，在命令行使用cd E:\demo进入到了demo目录，准备构建第一个vue项目

输入vue create first，出现报错

原因：

在自动化和脚本任务管理中，PowerShell 是 Windows 系统管理员和自动化工程师的强大工具。但随着这种强大的能力也带来了安全风险，特别是在执行未经验证的脚本时。为了降低这种风险，PowerShell 引入了执行策略（Execution Policy）的概念，它是一种安全功能，用于控制 PowerShell 脚本的执行条件。

行策略不是强制性的访问控制措施，而是旨在防止未经授权的脚本执行。通过限制脚本的执行，它们帮助防止攻击者利用 PowerShell 脚本进行恶意活动。执行策略有多个级别，可以通过 Set-ExecutionPolicy 命令进行设置。

解决办法：

在终端输入get-ExecutionPolicy查看执行策略/权限；

输入 set-ExecutionPolicy RemoteSigned更改执行官为RemoteSigned，此时会给你一个提醒（绿色框）选择 “Y” 就行。

终端输入get-ExecutionPolicy查看一下权限，显示RemoteSigned就可以了。

输入vue create first，出现下面的提示，这里选择Vue3直接回车

输入cd first，再输入npm run serve，即可成功运行vue项目

打开浏览器输入http://localhost:8080/即可访问vue的页面了