目录

• 什么是脚本
• 写一个脚本（git bash）
• 参数
• 判断目录是否已存在
• 返回值
• 用Node.js 写脚本
• 关于shebang
• 案例

什么是脚本？

脚本主要由人物对话和舞台提示组成。演员和道具组只需要按照脚本说的做即可。

JavaScript 是一门动态类型、面向对象的脚本语言。

编程领域的脚本也是类似的，计算机只要照着脚本上说的做即可，比如下面这个脚本：

cd ~/Desktop
mkdir demo
cd demo
echo "hi" > index.html
cd ~/Desktop

脚本就是给机器一行一行执行的文本!

写一个脚本（git bash）

1.新建目录和脚本文件（脚本文件后缀.sh，可以先把后缀写成 .txt）

mkdir ~/local
cd ~/local
touch demo.txt

2.编辑 demo.txt

mkdir demo
cd demo
mkdir css js
touch index.html css/style.css js/main.js
exit

3.运行此脚本任意位置都可以）

sh ~/local/demo.txt

当前目录里多出一个 demo 目录，demo 目录里面还有一些文件。 Bash 脚本运行成功。
4.简化运行代码
将 ~/local 添加到 PATH 里
cd ~/local; pwd —— 得到 local的绝对路径 /c/Users/ajing/local
touch ~/.bashrc —— 创建 ~/.bashrc
start ~/.bashrc —— 编辑 ~/.bashrc
export PATH="local的绝对路径:$PATH" —— 在编辑器里添加这样一行代码
source ~/.bashrc
5.之前你运行 sh ~/local/demo.txt，现在只需运行 demo.txt
6.再通过mv demo.txt demo，运行demo就可以了

参数

demo 脚本只能创建名字为 demo 的目录，如何让目录名可变呢？

mkdir $1
cd $1
mkdir css js
touch index.html css/style.css js/main.js
exit

$1 表示你传的第一个参数。
此时运行 demo.txt xxx即可建立xxx目录

判断目录是否已存在

此脚本文件名 demo.sh，之后会用JS重写此脚本，作比较

if [ -d $1 ]; then
  echo 'error: dir exists'
  exit
else
  mkdir $1
  cd $1
  mkdir css js
  touch index.html css/style.css js/main.js
  echo 'success'
  exit
fi

返回值

exit 0 表示没有错误
exit 1 表示错误代码为 1

demo && echo '结束'
只有在 demo 成功时，才会执行 echo '结束'

用Node.js 写脚本

Bash 脚本有 Bash 脚本的语法，Node.js 脚本有 JS 语法

下面用 JS 脚本来重写 demo.sh
1.创建 ~/local/demo.js，内容如下

 var fs = require('fs')

 var dirName = process.argv[2] // 你传的参数是从第 2 个开始的

 fs.mkdirSync("./" + dirName) // mkdir $1
 process.chdir("./" + dirName) // cd $1
 fs.mkdirSync('css') // mkdir css
 fs.mkdirSync('js') // mkdir js

 fs.writeFileSync("./index.html", "")
 fs.writeFileSync("css/style.css", "")
 fs.writeFileSync("./js/main.js", "")

 process.exit(0)

2.node ~/local/demo.js xxx,就可以看到 xxx 目录创建成功了

关于shebang

每次执行 ~/local/demo.js 都要用 node 来执行，能不能做到不加 node 也能执行呢（也就是指定执行环境），可以，在 demo.js 第一行加上这一句即可：

#!/usr/bin/env node

下面就可以用~/local/demo.js xxx执行了
再把 ~/local 加入了 PATH，demo.js 的后缀 .js 去掉，就可以直接 demo xxx 了。

案例

1.

用Git Bash实现

通过运行下面demo.sh可实现（a，b都可以）
a.

if [ -d $1 ]; then
  echo 'error: dir exists'
  exit
else
  mkdir $1
  cd $1
  mkdir css js
  echo '<!DOCTYPE>
<title>Hello</title>
<h1>Hi</h1>' > index.html
  echo 'h1{color: red;}' > ./css/style.css
  echo 'var string = "Hello World"
alert(string)' > ./js/main.js
  exit
fi

b.

image.png

2.

将上题用 Node.js 脚本实现。脚本名为 demo.js。

通过运行下面demo.js可实现

var fs = require('fs')

var dirName = process.argv[2] // 你传的参数是从第 2 个开始的

fs.mkdirSync("./" + dirName) // mkdir $1
process.chdir("./" + dirName) // cd $1
fs.mkdirSync('css') // mkdir css
fs.mkdirSync('js') // mkdir js

fs.writeFileSync("./index.html", "<!DOCTYPE><title>Hello</title><h1>Hi</h1>")
fs.writeFileSync("./css/style.css", "h1{color: red;}")
fs.writeFileSync("./js/main.js", "var string = 'Hello World'alert(string)")

process.exit(0)