Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 文章标签
  • 文章投稿
  • 关于我们

资源分类

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://web.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智能生成
官网
云雾 API
为开发者提供快速、便捷的Web API接口调用方案
官网
阿里云DataV
地图数据
官网
Apifox
API 文档、API 调试、API Mock、API 自动化测试一体化协作平台
官网
类似于zx的资源
CrossDesk
开源轻量级和跨平台的远程桌面软件
官网
GitHub
SVNBucket
一个 SVN 代码托管站
官网
33台词
通过台词找影片素材
官网
MockingBird
AI拟声: 5秒内克隆您的声音并生成任意语音内容
点击进入
GitHub
React.part
一个收集 React 组件的网站
官网
GitHub
ApiPost
API文档、调试、Mock、测试一体化协作平台
官网
帮小忙
腾讯QQ浏览器在线工具箱
官网
tableconvert
在线生成Markdown表格
官网
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

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