前端所用各类工具的使用和配置

node篇

配置环境变量
  • 配置原因

配置环境变量的原因是安装全局模块时,会默认安装到C盘的路径
C:\Users\GD20161102\AppData\Roaming\npm 中.
所以需要配置全局安装模块(node_global)以及缓存目录的环境变量(node_cache),两个文件夹在 node 根目录(如:D:\node)中。

  • 配置

win + R -->cmd 输入以下命令
npm config set prefix “D:\node\node_global”
npm config set cache “D:\node\node_cache”

配置环境变量
用户变量:path
把 C:\Users\GD20161102\AppData\Roaming\npm 修改为
D:\node\node_global
系统变量:path
D:\node
新建:NODE_PATH
值是:D:\node\node_global\node_modules

完成。

  • 查看node 版本号

win + R -->cmd 输入以下命令
node -v

安装 nodemon

nodemon官网 参考

nodemon 是一个监听node代码变化的工具,会自动完成node服务器和数据库服务器的重启。它的作用是监听代码文件的变动,当代码改变之后,自动重启,不用在每次修改完node代码后都重启服务器。

  • 安装

在项目根目录或者通过 win + R -->cmd 输入以下命令 ,完成全局安装
npm install -g nodemon

或者安装为开发依赖
npm install --save-dev nodemon

查看是否安装成功、安装版本号
nodemon -v

  • 关于手动重启

有时候可能 Nodemon 还在运行的时候,需要手动重启它,在这种情况下不需要关闭正在运行的 Nodemon 进程然后再重启 Nodemon,只要在 Nodemon 命令运行的终端 窗口中输入 rs 两个字符,然后再按下回车键,就能重启 Nodemon 了。
rs
了解,Nodemon 不是只专门服务于 Node.js 应用的,它还可以用于其它语言开发的应用,比如Typescript也是经常用到。

安装 nrm

nrm(npm registry manager )是npm的镜像源管理工具,有时候国外资源太慢,使用这个就可以快速地在 npm 源间切换

npm i -g nrm    // 1- 安装
nrm ls          // 2- 查看可选的源
nrm use xxx     // 3- 切换镜像源(默认是官方源,切换到哪个对应有 * 标识)
nrm add <registry> <url>  // 4- 增加定制的源。其中reigstry为源名,url为源的路径。
nrm del <registry>        // 5- 删除对应的源
nrm test <registry>       // 6- 测试相应源的响应时间

完成。

vpn篇

  • 简介

VPN英文全称:Virtual Private Network(虚拟专用网络)。VPN被定义为通过一个公用互联网络建立一个临时的、安全的连接,是一条穿过混乱的公用网络的安全、稳定隧道,使用这条隧道可以对数据进行几倍加密达到安全使用互联网的目的,广泛使用企业办公当中,虚拟专用网也可以是针对企业内部网的扩展,虚拟专用网可以帮助远程用户、公司分支机构、商业伙伴及供应商同公司的内部网建立可信的安全连接,用于经济有效地连接到商业伙伴和用户的安全外联网虚拟专用网,因此很多办公一族在自己电脑中也需要建立VPN连接,方便远程办公等等。
对于我们普通用来来说,只要了解VPN是虚拟专用网络的意思,该网络依赖于我们传统的互联网,只是企业需要添加VPN相关设备。更通俗的说,就是允许特定的用户访问企业内部资源,前提是企业设备也与网络连接,只是安全性更高,只允许指定的特殊用户群体访问。
当双方建立好了通过Internet的VPN连接后,即相当于又在Internet上建立好了一个双方专用的虚拟通道,而通过此通道,双方可以在网上邻居中进行互访,也就是说相当于又组成了一个局域网络!这个网络是双方专用的,而且具有良好的保密性能。
VPN建立成功之后,双方便可以通过IP地址或"网上邻居"来达到互访的目的,当然也就可以使用对方所共享出来的软硬件资源。

  • 安装使用
    基于本地自己文件,方便自己查看,用户可省略不看

openvpn-install-2.4.7-I606-Win10.exe 安装程序,安装软件,成功后在桌面快捷方式图标
vpn快捷键
rtr-ukolt888-certs.zip 安装包解压缩后的所有文件复制到安装的软件文件目录下
在这里插入图片描述

Visual Studio Code篇

photoshop篇

前端目前比较会用到的工具,直接在官网,下载安装 cutterman 用于切图。
pxcook官网用于获取元素信息

Postman篇

wampServer

更新中…

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值