Vimium 项目教程
vimium🌼 Soothing pastel theme for Vimium项目地址:https://gitcode.com/gh_mirrors/vim/vimium
1. 项目的目录结构及介绍
Vimium 项目的目录结构如下:
vimium/
├── background_scripts/
├── content_scripts/
├── icons/
├── lib/
├── pages/
├── resources/
├── test_harnesses/
├── tests/
├── .gitignore
├── CHANGELOG.md
├── CONTRIBUTING.md
├── CREDITS
├── MIT-LICENSE.txt
├── README.md
├── deno.json
├── deno.lock
├── make.js
├── manifest.json
目录介绍
background_scripts/
: 包含后台脚本文件。content_scripts/
: 包含内容脚本文件。icons/
: 包含扩展图标文件。lib/
: 包含库文件。pages/
: 包含页面文件。resources/
: 包含资源文件。test_harnesses/
: 包含测试框架文件。tests/
: 包含测试文件。.gitignore
: Git 忽略文件。CHANGELOG.md
: 变更日志文件。CONTRIBUTING.md
: 贡献指南文件。CREDITS
: 贡献者名单文件。MIT-LICENSE.txt
: MIT 许可证文件。README.md
: 项目说明文件。deno.json
: Deno 配置文件。deno.lock
: Deno 锁定文件。make.js
: 构建脚本文件。manifest.json
: 扩展清单文件。
2. 项目的启动文件介绍
Vimium 项目的启动文件是 manifest.json
,这是一个 Chrome 扩展的清单文件,包含了扩展的基本信息和配置。
manifest.json
文件内容示例
{
"manifest_version": 2,
"name": "Vimium",
"version": "1.67",
"description": "The Hacker's Browser. Vimium provides keyboard shortcuts for navigation and control in the spirit of Vim.",
"icons": {
"16": "icons/icon16.png",
"48": "icons/icon48.png",
"128": "icons/icon128.png"
},
"background": {
"scripts": ["background_scripts/background.js"]
},
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["content_scripts/vimium.js"],
"run_at": "document_start"
}
],
"permissions": [
"tabs",
"activeTab",
"clipboardWrite",
"storage",
"<all_urls>"
],
"browser_action": {
"default_icon": "icons/icon48.png",
"default_title": "Vimium"
},
"options_page": "pages/options.html"
}
3. 项目的配置文件介绍
Vimium 项目的配置文件主要是 manifest.json
和 options.html
。
manifest.json
配置文件
manifest.json
文件包含了扩展的基本信息、权限、图标、背景脚本、内容脚本等配置。
options.html
配置文件
options.html
文件是扩展的选项页面,用户可以在这里自定义扩展的设置,如键盘快捷键等。
<!DOCTYPE html>
<html>
<head>
<title>Vimium Options</title>
<link rel="stylesheet" type="text/css" href="options.css">
</head>
<body>
<h1>Vimium Options</h1>
<form id="options-form">
<label for="keybindings">Keybindings:</label>
<textarea id="keybindings" name="keybindings"></textarea>
<button type="submit">Save</button>
</form>
<script src="options.js"></script>
</body>
</html>
以上是 Vimium 项目的目录结构、启动文件和配置文件的介绍。希望这份教程能帮助你更好地理解和使用 Vimium 项目。
vimium🌼 Soothing pastel theme for Vimium项目地址:https://gitcode.com/gh_mirrors/vim/vimium