Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
AI免费生成PPT
一句话,一分钟,一键生成PPT
通义灵码
基于通义大模型的智能编程辅助工具
方舟(Coding Plan)
火山引擎推出的大模型API聚合订阅服务
AI图片处理
一站式AI工具平台,为工作和学习提供智能解决方案
Trae编程
字节跳动推出的 AI原生编程工具
简约导航
一款清新简洁,免费无广告的导航网站
流量变现平台
蜂小推,一款不扣量的项目推广平台
周易国学网
基于周易、八字、紫微斗数等传统国学文化
爱派AiPy
一款可本地部署的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

更多»
热门资源
5118站长工具
关键词、长尾词挖掘,AI驱动的SEO内容创作辅助平台
官网
fly63工具箱
简单、易用、便捷的在线工具
官网
GitHub
remove.bg
消除图片背景:100% 自动 – 只需 5 秒
官网
retoucher
在线AI智能抠图去背景工具
官网
图片压缩工具
免费减小图片大小,支持JPG/PNG/Webp多种格式
官网
图片格式转换
在线图像转换器,支持JPG/PNG/WebP多种格式
官网
老照片修复神器
AI还原褪色和损坏的照片,在线一键修复老照片
官网
AI图片处理
一站式AI工具平台,为工作和学习提供智能解决方案
官网
证件照生成器
在线制作标准证件照、换底色、AI智能生成
官网
阿里云DataV
地图数据
官网
Apifox
API 文档、API 调试、API Mock、API 自动化测试一体化协作平台
官网
易文档
需求文档、API文档、部署文档到使用手册
官网
类似于zx的资源
立创EDA
在线电路板绘图工具
官网
Aconvert
在线转换各类PDF,文档,电子书,图像,图标,视频,音频和压缩文件
官网
Pot
一个跨平台的划词翻译软件
官网
GitHub
Cmd Markdown
Markdown编辑阅读器,支持实时同步预览
官网
Tutanota
国外免费电子邮箱服务
官网
Trilium Notes
层级结构的笔记程序,专注构建个人的大型知识库
点击进入
GitHub
极简简历
免费简历制作平台
官网
iTdiy
在线照片加曲线文字工具
官网
目录

手机扫一扫预览

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

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