前端新电脑配置环境

本文详细介绍了在Windows上安装和配置NVM(NodeVersionManager)的过程,包括下载NVM,设置环境变量,配置淘宝镜像,安装和切换Node.js版本,以及安装npm、yarn和pnpm。此外,还提到了一些常用的开发者工具如VSCode、HbuilderX和Apifox的安装。
摘要由CSDN通过智能技术生成

1.先下载nvm,在nvm官网下载nvm-setup.zip,

下载后解压到,双击.exe进行安装,

 

①:同意协议;②:选择nvm安装路径(这里看一下nvm的安装路径后面要找到的)

③:选择node安装路径,④:点击install进行安装

 

 

2.安装好后,在搜索框内输入‘cmd’打开命令行窗口,输入'nvm -v'判断是否安装成功,若安装成功,会显示版本号

nvm -v

3.nvm安装好后,环境变量一般是自动配好的,

其中‘NVM-HOME’指向的是nvm安装的地址;‘NVM_SYMLINK’指向的是node安装地址

(环境变量怎么打开:我的电脑右键点击属性,找到高级电脑设置,点击进去,找到环境变量打开)

4.接下来找到nvm安装的路径,找到里面的‘settings.txt’文件,打开,把下面这两行粘贴进去,记得保存一下。(这两行为了配置淘宝镜像,可以在我们使用nvm安包的时候更快)

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

 

5.接下来安装node ,直接在命令行内输入‘nvm install node’可安装最新版本node;若想安装指定版本,可输入‘nvm install 版本号’,如果不知道node有哪些版本,可以在命令行内输入‘nvm list available ’查看node所有版本;

nvm install 版本号
nvm install node
nvm list available  

6.安装好后要使用node,才会好使,输入命令‘nvm use 版本号’,如果不知道自己安装的node的版本号可以用‘nvm list’查看已经安装的node的版本

nvm use 版本号
nvm list

7.使用后,node就算是正式启动了,可通过‘node -v’验证一下,node是否启动成功,返回版本号就代表启动成功。

node -v

8.node和npm是一起的,node装好了npm也装好了,可通过‘npm -v’看一下

9.安装yarn(可跳过次步,yarn与npm作用相同,按个人使用习惯安装),通过‘yarn -v’验证是否安装成功。

npm install -g yarn

10.安装pnpm(同9一样可选)

npm install pnpm -g

11.环境装好后可以开始安装软件,vscode(前端开发常用),HbuilderX(小程序开发常用),Snipaste(截图工具,巨好用),

FileZillaClient(连机服务器的传输文件的工具,用来上线的)http://t.csdn.cn/ZlYsE

ossbrowser(和FZ相同,只不过是阿里云上线工具),http://t.csdn.cn/Cg5W9

这两个上线工具看公司需求安装,

还有就是Apifox,postMan(用来看后端的接口),看公司需求安装,

12.最后就是装git或svn根据公司需求安装

svn安装:http://t.csdn.cn/PyRXg,注意看这位作者第一点写的是服务器安装svn,向下拉会看到客户端安装。

git安装:http://t.csdn.cn/qMfmV

13. 浏览器安装vue插件,http://t.csdn.cn/tdCl8

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值