# 前端开发工具

# 工欲善其事，必先利其器

# 谷歌浏览器

市面上有很多浏览器，谷歌，火狐，360啊等等，推荐谷歌浏览器作为我们开发调试的浏览器，大家也多下载点浏览器，写的网页可以再多个浏览器看兼容性问题。

# 编辑器

记事本，notepad++, vscode, hbuilder, sublimeText3, webStorm 推荐使用：vscode

在这里我们选择 vscode 来作为我们的开发工具！

# vscode

Visual Studio Code，简称 VSCode。它一款免费开源的现代化轻量级代码编辑器，使用方便快捷，功能强大，支持各种的文件格式，跨平台支持 Win、Mac以及 Linux。接下来就介绍一下 VSCode 的安装方法。

# VSCode下载

在浏览器地址栏输入 https://code.visualstudio.com/ 进入到 VSCode官网首页

VSCode 安装详细教程

VS Code设置成中文界面教程

点击左侧的extensions,在搜索栏中输入“Chinese”, 选择中文(简体)，安装，

安装后，你可以同时按下 Ctrl+Shift+P 打开命令面板，之后输入 "config" 筛选可用命令列表，最后选择配置语言命令

提高前端开发效率的vscode插件

# PxCook

从设计到代码, 让团队高效协作

高效易用的自动标注工具, 生成前端代码, 设计研发协作利器

PxCook 官网

# snipaste 截图 + 贴图

让 Snipaste 帮你提高工作效率

Snipaste 是一个简单但强大的截图工具，也可以让你将截图贴回到屏幕上！下载并打开 Snipaste，按下 F1 来开始截图，再按 F3，截图就在桌面置顶显示了。就这么简单！

Snipaste 官网

# FastStone Capture （我也是用这个工具录制视频的）

FastStone Capture 主要功能包括：

1、截图功能（可以捕捉：活动窗口、窗口/对象、矩形区域、手绘区域、整个屏幕、滚动窗口、固定区域）；

2、图像的处理功能（可以裁切，标记，添加个性化边缘外框等）；

3、屏幕录像器（输出格式为 WMV）；

附带功能包括：

1、屏幕放大器；

2、屏幕取色器；

3、屏幕标尺；

4、将图像转换为 PDF 文件；

5、发送到 PowerPoint，Word，FTP；

FastStone Capture 官网

# photoshop

链接：photoshop 破解版百度网盘下载

提取码：1234

# photoshop 前端切图教程

# 有道词典

英文不好的，可以下载个有道词典客户端，翻译英文

以上前端必备开发工具，大家也可以自行安装。

# git

Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。

git 官网下载 (opens new window)

git简单操作

git init (初始化.git文件夹，生成一次就可以了，有了.git文件夹就不用这行命令)
git add . (提交所有文件目录到暂存区目录)
git commit -m'单引号写注释描述提交的内容' （写注释并提交文件到本地暂存区）
git remote add origin remote-address // remote-address(替换成你的远程地址) 添加一次远程地址之后就不用添加了
git push origin master (推送到远程仓库)

git教程 - 菜鸟教程 (opens new window)

Git教程 - 廖雪峰 (opens new window)

# Gitee - 码云

基于 Git 的代码托管和研发协作平台

# gitee 官网

注册gitee账号，并登录
创建个人仓库

通过git工具上传代码

git init (初始化.git文件夹，生成一次就可以了，有了.git文件夹就不用这行命令)
git add . (提交所有文件目录到暂存区目录)
git commit -m'单引号写注释描述提交的内容' （写注释并提交文件到本地暂存区）
git remote add origin remote-address // remote-address(替换成你的远程地址) 添加一次远程地址之后就不用添加了
git push origin master (推送到远程仓库)

开启静态页面服务

第一次需要实名身份证验证下

# github

GitHub 是一个面向开源及私有软件项目的托管平台，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub。

# github 官网

注册github账号，并登录
创建个人仓库
上传代码

git init (初始化.git文件夹，生成一次就可以了，有了.git文件夹就不用这行命令)
git add . (提交所有文件目录到暂存区目录)
git commit -m'单引号写注释描述提交的内容' （写注释并提交文件到本地暂存区）
git remote add origin remote-address // remote-address(替换成你的远程地址) 添加一次远程地址之后就不用添加了
git push origin master (推送到远程仓库)

开启静态页面服务

← HTML 教程资料 html介绍和结构分析 →