基本知识

浏览器选择

Google Chrome 是一款由Google公司开发的网页浏览器，该浏览器基于其他开源软件撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

不过推荐使用微软的 edge 浏览器，与 chrome 功能是一样的，因为内核使用的就是 chrome。不过 edge 可以方便的进行收藏夹同步，也可以安装 chrome 插件。

控制台是调试代码的好地方，打开方式如下

我们经常需要在 CHROME 应用商店中安装插件，但有时访问不了，有些国内网站提供了插件的离线下载，比如这个网站https://www.crx4chrome.com/

具体使用方式请查看下面的 vue-devtool 插件的安装

下面以安装 vue-devtool 插件为例进行说明

首先在网站中搜索 vue.js

搜索结果中点击第一个链接

然后下载到本地

打开 chrome 或 edge 浏览器的扩展管理（可以在工具栏中任何插件中点右键菜单中打开），下图是 EDGE 浏览器的界面。

然后开启「开发人员模式」后点击「已安装的扩展」

然后选择播动刚才下载发「vue-devtool」插件文件到这个页面

请在 chrome 应用商店或国内插件网站搜索 vimium 进行安装。

页面滚动

打开新页面

复制链接后按 p 键在当前页打开，按 P 在新标签页打开。

收藏夹打开

按 o 键会在历史记录与收藏夹中搜索链接。

打开当前页面链接

按 f 键，当前页面链接会有标注符，再按标注符即可打开链接。

切换标签页

按 T 可在当前打开的标签页中选择切换。

查看选项

按 shift+/ 可以查看插件提供的所有快捷键。