前端工具使用

常用工具

浏览器

​ 前端主流测试工具

​ IE浏览器

​ Google浏览器

​ 火狐浏览器

​ 欧鹏浏览器

​

Xshell

连接远程服务器的信息：

​ 需要提供远程服务器的信息：用户名、密码、ip地址

​ 如果无法安装连接工具，可以使用win10 以上系统的ssh命令代替

​ 使用方式win+r 输入cmd 回车

​ ssh用户名@ipdizhi

可以做什么

​ 在远程服务器安装前端环境

​ 使用命令去操作服务器文件

​ 项目的部署（需要利用appahce服务器）

filezilla

远程传输文件工具

​ 需要提供远程服务器的信息：用户名、密码、IP地址
​ 如果发布项目，需要将文件传输到/var/www/html
​ 如果发布成功，可以在浏览器中使用：IP/项目名，访问项目
​ 一般项目中会有一个index命名的文件，我们把这个文件成为入口文件

Navicat

​ 可视化数据库连接工具（本地和远程都可以使用）
​ 用户可以通过界面对数据库进行操作
​ 可以建立数据库
​ 可以创建数据库表
​ 可以管理数据用户
​ 可以对数据库表进行数据操作

git

项目团队协作工具

​ 我们可以在GitHub或者GitEE上去创建我们的团队项目，我们的项目组可以使用git工具
​ 去共同管理我们的项目。简单来说git工具是我们本地代码和仓库连接的一个桥梁

推荐安装的还有：思维导图工具、apache服务器、mysql数据库

核心工具：

node

​ 前端的运行环境

关于版本：

​ 稳定版：14(推荐)、16
​ 测试版：18

查看当前版本:

​ 使用方式win+r,输入cmd，回车
​ node -v ->14.17.4
​ npm -v ->包管理器的版本

测试：运行一个JS文件

​ 在本地创建一个JS文件，写入JS代码:console.log(‘今天天气很好，小明哭了！’)
​ 首先把目录切换到文件所在目录，node 文件名

代码编辑器

​ 帮助我们更好的去编写代码

优点：

​ 1.能够帮助而我们更好的去维护代码

​ 2.良好的代码提示效果

​ 3.软件可以帮助我们去管理文件的编码（同意编码：utf-8）

​ linux-> utf-8

​ window-> gb2312 gbk

​ 4.可以安装一些第三方插件

​ 5.有一些快捷的操作