觸動精靈 使用 VSCode 開發的 環境搭建與設置


最近在使用 觸動精靈做一些 小應用。

因為 觸動精靈 所使用的的語言是Lua ,因此特意用了兩天的時間去找lua的教程和學習這門語言,本想就可以直接上手做事情了,沒想到后面發生了一些列的問題,在此做個記錄

因為接受不了 觸動精靈 提供的IDE 不能用於項目管理不說,連最基本的代碼靜態檢查也沒有,像這種 弱語言 沒有靜態檢查真的是一件痛苦的過程。

因此 就找各種解決方案去彌補這個問題,最后找了 VsCode 來做IDE。


首先下載 VsCode

https://code.visualstudio.com/

 

然后 下載 VSCode 的插件:

Chinese (Simplified) Language Pack for Visual Studio Code       ----                  適用於 VS Code 的中文(簡體)語言包

Lua Debug            -----                  Lua的調試環境

LuaCoderAssist    -----                  Lua編程助手(Lua Coder Assistant)   靜態檢查 、Lua代碼提示、代碼補全、Lua 代碼 自動對齊 格式化

TouchSprite-Extension  ----         觸動精靈開發擴展       目前還在開發階段,設備管理 還不能使用,但是發送代碼到手機,在手機上運行,停止手機的運行等都可以用了,基本滿足需求。

 

 

 

好了目前為止我們已經 環境 給搭建齊全了

 

下面就是配置這些環境:

 

 

 

 

Chinese (Simplified) Language Pack for Visual Studio Code       ----                  適用於 VS Code 的中文(簡體)語言包 插件 配置

這個插件是不需要配置的  

 

 

 

Lua Debug            -----                  Lua的調試環境 配置:

要使用 Lua Debug 請先下載Lua 運行環境

這里必須安裝 Lua 的環境: 可通過  https://www.runoob.com/lua/lua-environment.html

 下一步 下一步 就OK了。

我直接安裝到了 ,我就是直接這樣 裝到了 C 盤

 

 

 

配置 TouchSprite-Extension  ----         觸動精靈開發擴展  插件    

這里的    Touchsprite-extension: Access Key   是 按鍵精靈提供的開發者 AccessKey,必須填進去。

如果你的 手機APP 觸動精靈 不是會員, 是不能連接到手機 給手機發送文件的。

其它 兩項配置  自己按需 配置

 

 

 

配置 LuaCoderAssist    -----         Lua編程助手(Lua Coder Assistant)  插件

LuaCodeAssist 的配置項是非常多的,在配置項中 你可以根據自己的需要進行配置。

這里我們主要 配置 在觸動精靈里 使用的 TSLib 、ts 等 庫 的 全局變量。

因為LuaCodeAssist 原本是只支持 Use Jit 、Love 庫的。

不配置 全局變量,VSCode 在使用 TSLib 、ts 等 觸動的庫的時候 代碼靜態檢查 會將檢查成 未定義的變量,或者檢查出調用了未定義的變量而  標黃線 或者 標紅線 導致不能通過 運行。

 

這里 第三步 任意 點擊 一個: 這樣的 按鈕:

 

 

進入:settings.json 里:

設置   以下三條 主要 設置

 

LuaCoderAssist.luacheck.globals
LuaCoderAssist.luacheck.ignore
LuaCoderAssist.luacheck.options
 

 

 

也可以根據

直接拷貝下面的配置 進去

    "LuaCoderAssist.symbol.showFunctionOnly": true,
    "LuaCoderAssist.luaparse.allowDefined": true,
    "LuaCoderAssist.luacheck.globals": [
        "nLog",                  //TSLib框架 或者 ts框架
        "toast",
        "mSleep",
        "ts",
        "dialog",
        "urlEncoder",
        "split",
        "httpGet",
        "runApp",
        "FreeSpace",             //FreeSpace 框架
        "R",
        "BasicsTouch",           //BasicsTouch 庫
        "FreeSpaceExten",        //FreeSpace 框架 的 擴展庫 FreeSpaceEx
        "HeaderParams",          //HttpHeader 定義 HttpHeader頭相關信息
        "FiltterView",           //FiltterView 過濾出錯 寫入日志
        "IndexRoute",            //閑魚首頁 數據獲取
        "IndexView",             //閑魚首頁 功能
    ],
    "LuaCoderAssist.luacheck.ignore": [
        611,
        612,
        631,
        614
    ],
    "LuaCoderAssist.ldoc.authorInFunctionLevel": false,
    "LuaCoderAssist.metric.enable": false,
    "LuaCoderAssist.luacheck.options": [
        "-m",
        "-t",
        "-u",
        "-a"
    ],
    "window.zoomLevel": 0
 
 
 
 
 
警告列表:
 
 
 
設置列表:

 

 

配置相關信息 查詢網址:

https://luacheck.readthedocs.io/en/stable/cli.html

 

 

 

好了,這樣就配置完成了。

開始 擼代碼吧。

 

 

 

示例:

這樣 代碼 靜態 檢查  就 完成了:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM