Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
美图设计室
AI智能一键生成海报,免费平面设计
宝塔服务器面板
简单好用的服务器运维面板
硅云优惠券
领先的基础云计算服务提供商,PHP云虚拟主机第一品牌
奇绘馆AI视频
新一代AI视频创作平台
AiPPT
全智能AI一键生成 PPT
Trae
字节跳动推出的 AI原生编程工具
Seedance 2.0
字节跳动新一代AI视频生成模型全面解析
LiblibAI
一站式AI内容创作生成平台,原创AI模型分享社区
扣子Coze
职场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的资源
Magic Eraser
可以去除图片中的任何物体的AI工具
官网
Bootstrap CDN库
由Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务
官网
WeTransfer
大文件传输共享平台
官网
ImageBlur
在线图片马赛克处理工具
官网
BlogHelper
一键发布本地文章到主流博客平台
点击进入
GitHub
百度CDN公用库
来自百度的稳定,快速,全面,开源的国内CDN加速服务。
官网
IssuuDownload
在线issuu文档下载工具
官网
waifu2x
在线将小图无损放大的工具
官网
目录

手机扫一扫预览

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

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