A. Auto js自動化腳本怎麼在電腦上開發
剛開始學習開發腳本，在這里我會記錄我學習腳本開發碰到的一些問題。Auto js可以直接在手機上編寫腳本，但是這樣肯定不順手，速度奇慢。
還好有vscode這個插件 https://marketplace.visualstudio.com/items?itemName=pz.vscode，下面就手把手教你怎麼使用這個插件。
1. 准備工作
- 電腦安裝了vscode
- 手機上安裝了auto.js
2.安裝Auto.js-VSCode-Extension插件
電腦上打開vscode，點擊左側紅色方框圖標，輸入auto.js搜索，找到如圖全稱Auto.js-VSCode-Ext，點擊install安裝
3、安裝完成後按快捷鍵ctrl+shif+p 然後輸入auto.js:start server打開它
右下角紅色地方點開可以看到Auto.js server running表明開啟成功
4、手機上的auto.js連接電腦，輸入電腦IP地址
提示連接成功就可以了
B. VSCode Node.js 調試配置 (npm 腳本啟動)
相當於直接使用 node 命令，用 npm run script 腳本 來啟動 Node.js 程序是更為常見的場景，比如當目標是運行一個應用。
假設項目的 package.json 有一個用來調試的 debug 腳本：
我們要怎麼啟動項目的跟蹤調試呢？
文檔指路 ➡️ 【Node.js 調試入門】 、 【VSCode 中的 Node.js 調試】 、 【Launch 對 npm 及其他工具的配置支持】
VS Code 支持兩悔嫌讓種核心調試模式 Launch 和 Attach ，Launch 方式是直接以 debug 模式啟動應用，並為我們自動添加一個調試器；而 Attach 方式則是將 VSCode 調試器連接到已經運行中的應用程序或進程。我們這里用的是 Launch 方式。
在終端運行：
或點擊VSCode 的小甲蟲圖標：
上面藍色位置圈錯了，應該是第一個 Node.js。
VSCode 十分智能，預設了很多針對不同需求的啟動配置：
讓我們來做進一步的修改：
之前那個啟動配置項可以刪除者攔，留下這個需要的即可。
我們將 console 屬性 設置為外部終端，我們啟動調試時 VScode 就會自動打開下圖中對應的終端(根據操作系統)。可以根據個人使用習慣，自定義用什麼終端 (比如我在 VSCode 設置的碧局 Terminal › External: Osx Exec，從默認的改為了 iTerm2)。
別忘了先把我們的腳本加上埠
C. 如何在vscode中使用nodejs
一、使用Express創建項目[這兩步都在dos 模式下執行]
1,安裝全局的Express！(已安裝請忽略)
npm install -g express
2,創建項目
創建項目（創建文件夾名稱ExpressApp）
express ExpressApp
小插曲：如果你習慣了Linux下的環境，你可以在自己電腦上安裝cmder(不知道是什麼東西，請自行網路),這個命令行工具排版漂亮，不像微軟的dos 那麼枯燥!我用的是Mini版本，如果你想體驗linux下的全部功能，可以下載full版本。
3，下載第三方包
（1）cmd命令行切換到項目目錄
cd d:\nodejs\ExpressApp
（2）根據需要編輯package.json，運行如下指令安裝第三方包
npm install
在項目目錄下node_moles可見安裝好的第三方包
ExpressApp
|– node_moles
（3）運行項目
npm start
輸出如下：
[email protected] start d:\Nodejs_Workspace\ExpressApp
node ./bin/www
註：npm start指令會自動執行node ./bin/www
在瀏覽器中輸入http://localhost:3000，可訪問Express歡迎頁面
二、使用VSCode開發Nodejs
1、VSCode打開Nodejs
code d:\nodejs\ExpressAppcode.
註：在當前項目下創建ExpressApp.bat，輸入「code .」即可，下次直接此文件直接使用VSCode打開Nodejs項目
2、添加智能提示
VSCode打開Nodejs項目，默認是沒有智能提示。
（1）使用TypeScript Definition Manager(TSD)在項目中下載所需的tsd文件，VSCode中打開時有智能
全局安裝tsd（如已安裝忽略）
npm install -g tsd
下載所需的組件提示（以下載node、express、requirejs提示為例）
tsd query node --action installtsd query express --action installtsd install require
註：
①多個提示組件在query參數後可以空格分隔簡寫為tsd query node express –action install
②組件會項目目錄下添加typings文件夾
|– typings
|– node
|– express
|– require
（2）添加js文件引用的智能提示
假如在文件引用另外一個文件common.js時，文件頭添加如下
{ // See https://go.microsoft.com/fwlink/?LinkId=759670 // for the documentation about the jsconfig.json format "compilerOptions": { "target": "es6", "mole": "commonjs", "allowSyntheticDefaultImports": true }, "exclude": [ "node_moles", "bower_components", "jspm_packages", "tmp", "temp" ]}
（小提示，如果你引入了rquire，那麼你的編輯器右下方會顯示一個「燈泡」的提示，你只要點燈泡就不用自己苦逼的寫這個配置文件了）
此配置表示代碼服從ES5標准並使用commonjs規范，發VScode下有此配置之後，可以實現在文件中對require引用js文件的智能提示。（我測試時無此配置也會有智能提示，不清楚什麼原因）
D. 如何讓電腦自動工作的腳本
巨慢的, 不過好在有一款vscode插件, 讓你可以將電腦寫好腳本後直接推到手機的autojs上保存或者執行.這個擴展地址(autojs作者開發的): 下面就手把手來教你怎麼使用該插件.
1. 准備工作
- 電腦安裝了vscode
- 手機上安裝了autojs
2. 安裝Auto.js-VSCode-Extension插件
電腦上打開vscode, 然後點擊擴展市場(見下圖的左邊紅框就是擴展市場圖標), 搜索 auto.js, 然後選擇全稱Auto.js-VSCode-Extension, 作者是hyb1996. (ps:該作者還有個pro的插件, 不過這個是配合收費版autojs pro來用的), 最後點擊右下角的install靜待其安裝完成)
3. vscode上autojs擴展開發服務
在vscode,按下快捷鍵shift + control + p 來打開命令行工具,然後輸入Auto.js: Start Server來開啟服務. (更多的命令可以看這個界面的介紹https://github.com/hyb1996/Auto.js-VSCode-Extension)
4 手機連接上vscode上的autojs擴展
手機上打開autojs, 點擊左上角的設置按鈕, 然後點擊連接手機, 然後輸入電腦ip地址(手機和電腦必需在同個區域網下, 不懂自己電腦ip是多少的,自行網路,很簡單,不做贅述),最後提示保存成功.
5. 電腦上編寫代碼並推送到手機執行或者保存
在vscode上新建個js文件,然後編寫好腳本.
- 推送到手機上直接執行:
在vscode按下f5 或者 按下control + shift + p打開命令行, 輸入 auto.js run , 然後腳本就會推送到手機上並執行
- 保存到手機上
在vscode按下control + shift + p打開命令行, 輸入auto.js save on device, 然後在手機上刷新下就能看到電腦上的腳本.
以上就是全部的教程. 可以在電腦上快速開發了, 而不用在受限制於手機碼字龜速了.