Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
宝塔服务器面板
简单好用的服务器运维面板
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
Trae
字节跳动推出的 AI原生编程工具
即梦AI
一站式智能创作平台,即刻造梦
LiblibAI
一站式AI内容创作生成平台,原创AI模型分享社区
3387游戏盒子
提供热门折扣手游,助你轻松畅玩各种类型的游戏
阿里云优惠券
卓越的云计算技术和服务提供商
fly63工具箱
简单、易用、便捷的在线工具
AI提示词商城
AI提示词交易与管理平台,提升效率
奇绘馆AI视频
新一代AI视频创作平台

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

zx

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

GitHub:https://github.com/google/zx
网站描述:一个更方便、更友好地帮助开发者写脚本的工具
GitHub

大家都知道Bash很好用,但是在编写脚本时,人们通常会选择一种更方便的编程语言,比如JavaScript,但是Node.js库在使用之前还需要许多额外的操作,整体来说还是不够方便,最近谷歌开源了一个能够帮助开发者快速编写脚本的工具ZX,ZX能很好的帮我们解决此类问题。

项目用法

如果你对一些 linux 或者 window 等平台的命令行比较熟悉,并且会一些 JavaScript 的语法,那么使用这个工具就可以得心应手。比如作为一个前端开发者,我想要使用命令行新建一个前端的项目并且运行它,我们可以这么做。

1.安装 node.js

从 node.js 官网下载版本大于等于 14.8.0 版本

2.安装 zx 工具

因为 node.js 自带 npm 包管理工具,可以使用 npm 指令进行 zx 的安装:

// 全局安装 zx
npm install -g zx

4.安装 vue-cli 工具

因为要创建一个前端 vue 项目,我们需要安装 vue-cli 脚手架工具:

npm install -g vue-cli

3.编写 .mjs文件

我们需要书写一个 .mjs 文件。

createVueApp.mjs

#!/usr/bin/env zx
await $`vue create vue-demo`
await $`cd vue-demo`
await $`npm run dev`

4.运行 .mjs 文件

通过 zx 工具运行文件,执行脚本

zx createVueApp.mjs 

项目效果

可以看出,它会自动执行文件里面的脚本,对于一些比较固定的指令,我们可以把它写在文件里面,下次要是有类似操作,只需要跑一下脚本即可。

项目功能

项目提供了还多工具

$`指令` 
// 创建一个文件
let name = 'test'
await $`mkdir ${name}`
// 进行一些 git 指令的操作
let flags = [
  '--oneline',
  '--decorate',
  '--color',
]
await $`git log ${flags}`
// 程序要异常退出
try {
  await $`exit 1`
} catch (p) {
  console.log(`Exit code: ${p.exitCode}`)
  console.log(`Error: ${p.stderr}`)
}


// 函数
cd()
//切换到 /tmp
cd('/tmp')
await $`pwd`
fetch()
// 请求资源
let resp = await fetch('https://www.baidu.com')
if (resp.ok) {
  console.log(await resp.text())
}
...

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/3594

更多»
热门资源
fly63工具箱
简单、易用、便捷的在线工具
官网
GitHub
remove.bg
消除图片背景:100% 自动 – 只需 5 秒
官网
阿里云DataV
地图数据
官网
retoucher
在线AI智能抠图去背景工具
官网
飞书多维表格
飞书旗下的一款在线协作与业务管理工具
官网
Apifox
API 文档、API 调试、API Mock、API 自动化测试一体化协作平台
官网
易文档
需求文档、API文档、部署文档到使用手册
官网
mdx-deck
基于MDX的演示文稿
官网
GitHub
YouCompress
在线免费文件压缩工具
官网
iHateRegex
快速搜索并匹配到合适的正则表达式
官网
GitHub
Trilium Notes
层级结构的笔记程序,专注构建个人的大型知识库
点击进入
GitHub
CodeZen
在线源代码转图片工具
官网
类似于zx的资源
imglarger
AI人工智能图片放大工具
官网
Scapy
强大的Python网络包解析库
官网
GitHub
免费在线文件转换器
免费在线转换视频,音频,图形,文档和在线压缩格式
官网
legoflow
更轻、更强、开箱即用的 前端工作流客户端
官网
GitHub
Whimsical
通过实时协作来实现快速绘制线框的在线工具
官网
在线工具网
网络工作生活好帮手
官网
Diffchecker
在线文字图片差异对比工具
官网
Oxc
用Rust编写的JavaScript语言的高性能工具集合
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。