前端vue环境搭建

前端vue环境搭建

目录:
一、安装nvm
二、安装nodejs
三、安装vs

一、安装nvm
1.卸载node（没有安装的可以直接跳过）
nvm 是一个 nodejs 的版本管理工具。通过它可以安装和切换不同版本的 nodejs，解决 node 各种版本存在不兼容现象。但在安装之前需要先卸载之前的 nodejs

1）在控制面版或者应用列表中卸载nodejs

2）不行就全局搜索然后删除相关文件

注：一定要确保windows上没有nodejs，血的教训啊！

2.下载nvm（三个地址，哪个都可以）
1）https://github.com/nvm-sh/nvm

2）https://github.com/coreybutler/nvm-windows/releases/tag/1.1.9

3）https://github.com/coreybutler/nvm-windows/releases

3.安装nvm
1）选择同意协议

2）nvm安装路径（我是默认路径）,也可以安装在其他盘

3）nodejs存储路径，可能配置环境变量要使用（我还是默认路径）

4）点击install，等待安装完成

重点: 找到nvm的安装目录，修改seting.xml镜像


node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

二、安装nodejs

用nvm命令安装nodejs可以切换nodejs版本，如果用nodejs安装程序安装不能切换版本,所以选择用nvm命令安装

4.安装node
注：一定要使用管理员身份运行cmd，一样是血的教训，懂得都懂哈

1）输入 nvm list available 查看可安装的node版本

可以去node官网查看历史版本，更全面 Node.js官网

2）输入 nvm install 版本号 安装指定版本node

例：nvm install 14.16.0

3）输入 nvm list 查看已安装版本的node nvm ls 也可以

4） nvm use 已安装版本号 切换使用指定的版本的node
例：nvm use 14.16.0

重点: nvm use 已安装版本号 这一步很重要,如果没有执行这一步, 那么node -v命令就没有效果,执行了这一步，就代表启动node使用了,自动添加了node的系统环境变量

5.相关命令
nvm list 查看已经安装的版本
nvm list installed 查看已经安装的版本
nvm list available 查看网络可以安装的版本
nvm version 查看当前的版本
nvm install 安装最新版本
nvm nvm use ## 切换使用指定的版本
node nvm ls 列出所有版本 nvm current显示当前版本
nvm alias ## 给不同的版本号添加别名
nvm unalias ## 删除已定义的别名
nvm reinstall-packages ## 在当前版本node环境下，重新全局安装指定版本号的npm包
nvm on 打开nodejs控制
nvm off 关闭nodejs控制
nvm proxy 查看设置与代理
nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror，如果不设置的默认是 Index of /dist/
nvm npm_mirror [url] 设置或者查看setting.txt中的 npm_mirror,如果不设置的话默认的是： https://github.com/npm/npm/archive/
nvm uninstall 卸载制定的版本
nvm use [version] [arch] 切换制定的node版本和位数
nvm root [path] 设置和查看root路径

三、安装vs
下载安装即可

四、vscode打开项目

本地安装好git, git拉取项目,然后vscode打开, vscode自动识别git,vs可以git项目

vs打开的项目中要下载nodejs依赖包

点 运行–>启动调试, 执行npm i, 如果执行不了,也可以到cmd中执行


npm i如果还是不行，就要切换npm的镜像地址
npm config set registry https://registry.npmmirror.com/
到cmd中执行也许，到vscode的终端执行也行

然后点启动，执行 npm run serve,项目就启动了

更改访问地址，可以访问本地服务

nrm 可以管理npm镜像

参考文章:
https://blog.csdn.net/weixin_57844432/article/details/127788884