前端新手應該如何正確理解腳本是什麼？

前端新手應該如何正確理解腳本是什麼？

（Windows操作系統）

問過幾個工作過一年多的前端工程師：腳本究竟是什麼，結果，沒結果。

那麼，腳本究竟是什麼呢？不如我們來看下腳本能做什麼，它具有哪些功能。

我們先從零開始，自己寫一個腳本（默認已配置好git bash），所以，打開我們的git bash。 首先，我們先找個專區新建文件，一般腳本的後綴是.sh，比如我們在W盤（我的Work專屬盤）開始我們的學習路程。

1. cd w: （進入W盤）
2. mkfir local （新建一個名為local的目錄）
3. cd local （進入local目錄）
4. touch demo.sh （新建一個名為demo，後綴為.sh的文件）
5. Vi demo.sh （編輯demo.sh文件）
6. i （進入insert模式）
7. 輸入以下內容：
8. mkdir project （在當前目錄下新建一個項目）
9. cd project （進入項目）
10. Mkdir css js （新建一個css目錄和一個js目錄）
11. Touch index.html css/style.css js/main.js （新建一個index.html文件、在css目錄里新建一個style.css文件、在js目錄里新建一個main.js文件）
12. exit
13. ctrl+c （退出insert模式）
14. :wq （保存並退出vim）

16.

其次，我們這時候找個地方運行demo.sh文件

1. cd ~/desktop （進入桌面）
2. Sh /w/local/demo.sh （運行demo.sh文件）

4.

5.

6.

所以，什麼是腳本呢？腳本就是我們寫出的這個demo.sh文件，我們可以在任意一個地方運行這個文件，然後計算機就會根據這個文件中的指示來做些事情，比如：新建目錄、新建文件，好吧，還是有些暈是么？那麼我們來優化一下：

1. Sh /w/local/demo.sh 太長了，我們想直接demo.sh就可以運行該腳本，那麼我們需要將local目錄添加到PATH里。
2. 我們想要在桌面運行demo.sh就必須把之前的給刪掉，這個原因不用說哈，因為每次運行，桌面上都會新建名為project的目錄，不可能有兩個相同名稱的目錄或者文件哈，那麼我們怎麼能依照我們自己的意願來給project命名呢？
3. 好了，名稱的問題我們解決了，那麼，當創建的目錄多了，萬一有重名的怎麼辦？所以，我們繼續優化。

• cd /w/local
• Vi demo.sh （編輯demo.sh文件，將內容修改為以下內容）

• 如果目錄已經存在，則報錯提示我們目錄已存在，否則就創建目錄並提示我們成功。

最後，我們想要創建的文件有內容怎麼辦？

1. echo -e "<!DOCTYPE>
   <title>Hello</title>
   <h1>Hi</h1>" > index.htmll （標題為Hi）
2. echo -e "body{background: #ccc;}" > css/style.css （背景為灰色）
3. echo -e "var string = "hello world"
   alert(string)" > js/main.js （彈出hello world）

1. demo.sh www （運行demo.sh腳本）

3.

4.

所以，現在知道什麼是腳本了？動手寫一個吧！