前端开发环境准备

一、安装VPN

Clash for Windows 登录后获取下载程序和安装教程,可修改安装路径

如果公司有指定Vpn,按照相关流程安装即可

二、安装Google Chrome

Google Chrome官网, 可修改安装路径,比较麻烦,建议直接装C盘,安装完成后,登录google账户,同步书签、常用网页和密码等数据

三、安装Git

1、Git官网下载,默认安装即可

2、设置公钥

js 复制代码
// 检查是否已经有SSH的key
cd ~/.ssh
// 没有直接创建
ls -al ~/.ssh
ssh-keygen -t rsa -C "邮箱地址"
// 接下来直接默认回车即可,不用设置密码
// 获取ssh key公钥
cd ~/.ssh
cat id_rsa.pub

// 设置用户名和邮箱,用户名有双引号,邮箱没有双引号
git config --global user.name "xxx"
git config --global user.email 邮箱地址

3、将获取到的公钥添加到gitlab和github中,便于以后拉取项目代码,之后在clone仓库的时候使用ssh的url,而不是https,就不需要每次输入账号密码了

四、安装node环境

1、nvm下载,windows下载nvm-setup.exe(zip后缀的也可以,个人习惯)

2、下载后直接安装(可修改安装路径,修改后需要配置系统环境变量,默认C盘就不需要手动添加环境变量)

3、下载完成后安装node

js 复制代码
// 先查看nvm是否安装成功
nvm -v
// 下载node,可在node官网查看最新版本
nvm install 18.8.0
// 下载成功后切换node版本
nvm ls
nvm use 18.8.0
nvm ls
// 版本号前有*号才成功,查看当前使用版本号
node -v
npm -v

如果下载npm或node失败,可以设置淘宝镜像,打开nvm安装路径下的settings.txt(默认安装:打开C:\Users\10648\AppData\Roaming\nvm\settings.txt),加上以下两句:

node_mirror: npm.taobao.org/mirrors/nod...

npm_mirror: npm.taobao.org/mirrors/npm...

五、安装开发编辑器

1、微信开发工具(直接安装,可修改默认安装位置) 2、Visual Studio Code 截止到目前为止,官网挂了,就算下载到了新版本下载扩展程序时也会失败,所以放一个1.72.1版本的下载链接

3、从官网下载过程如果很慢甚至停止下载,可修改镜像地址,将下载链接中的az764295.vo.msecnd.net替换为vscode.cdn.azure.cn

4、同步VSCode的扩展程序和风格配置,官方已支持Setting Sync,登录账号即可同步

六、安装各种工具

企业微信
微信
钉钉
Postman

直接安装,可修改默认安装位置

相关推荐
kyriewen1 小时前
我把今年流传的前端 AI 面试题整理了一遍——4 类场景题+回答框架(附速查表)
前端·面试·程序员
计算机魔术师2 小时前
国产多模态模型正面硬刚Opus旗舰:差距从30%缩到3%
前端
风骏时光牛马2 小时前
程序员进阶:深度思考,解锁职场成长的底层逻辑
前端
IT_陈寒2 小时前
用了Proxy才发现以前的JavaScript白写了
前端·人工智能·后端
爱丶不疚3 小时前
Eval: Agent 说的 Eval 是什么?从单测、TDD 到 Sentry 聊起
前端·ai编程·vibecoding
求道於盲3 小时前
python中的类型标注
前端
计算机魔术师3 小时前
从硅谷测试到全球铺开,ChatGPT广告的10亿美元秘密
前端
专业抄代码选手4 小时前
08|Fiber 上的 `useState`:状态终于属于具体组件
前端·javascript·react.js
默_笙4 小时前
😭 Vibe Coding 翻车实录:AI 编程为什么必须先写"剧本"
前端·javascript
LEE4 小时前
原来 Claude Code 最厉害的工具,一行代码都不写
前端·后端