前端环境搭建-vscode-node-git- typeScript

380 阅读1分钟

VScode安装

1. 安装

安装包直接去官网下载,选择对应版本即可。

image.png 安装就按照提示next

2. 插件配置

安装完成之后配置插件:

基础插件安装参考 插件安装 插件安装参考2

image.png

Nodejs及npm的安装

参考博文

1 下载nvm

下载地址

image.png

安装开始: nvm安装在d盘

image.png nodejs也安装在d盘 进入cmd查看是否安装成功

image.png

2. 安装Node

首先在安装Nvm的目录下找到setting.txt添加:

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

然后查看可以安装的Nodejs版本:

image.png 安装完成后node -v测试报错

image.png

删掉之前在setting.txt文件里面加入的内容:重新安装node版本成功

以管理员身份打开命令行窗口

nvm install 12.20.0 完了要记得nvm use 12.20.0 查看是否安装成功 node -v npm -v

image.png 到这里node的基础配置完成,后续需要再继续添加; 在nrm ls的时候报错

image.png 参考 nrm管理包下载源:

npm install nrm -g
nrm ls

nrm ls的一些使用

要注意环境变量是否正确 nrm问题

3. git下载

git安装参考 注意默认就是master,在这分支下要有文件才能查看到;git branch 在 git init之后可能没有显示.git 文件参考如何查看.git文件。

4. typescript环境配置

参考 遇到tsc命令被禁止:参考解决方案

image.png

postman安装

安装地址 直接安装就行,注册一个账号。

svn安装

安装参考 svn中文官网 按照提示next安装即可,

whistle安装

官网文档

SwitchyOmega安装

参考 安装完成之后开始配置:

新增代理服务器 proxy 配置

image.png

image.png 进入界面: image.png

新增系统代理配置

image.png

image.png