前言
前一篇文章稍微總結(jié)了微信小程序的一些簡(jiǎn)單入門用法阎毅,這一篇文章說一下開發(fā)工具的選擇使套,其實(shí)作為一個(gè)初次接觸的萌新,微信開發(fā)者工具就能很好的作為日常的開發(fā)了壹店,本人之所以選擇vscode是剛?cè)腴T時(shí)被一前端大佬給安利的绑警。如果用微信開發(fā)者工具就直接去官方網(wǎng)站去看看教程求泰。
vscode優(yōu)點(diǎn)
Visual Studio Code,簡(jiǎn)稱VSCode,是微軟出的一款輕量級(jí)代碼編輯器计盒,免費(fèi)渴频,功能強(qiáng)大,支持中文北启,對(duì)JavaScript支持非常好卜朗,自帶很多功能,例如代碼格式化暖庄,代碼智能提示補(bǔ)全聊替、而且支持各種插件楼肪。
從這段簡(jiǎn)介中可以明顯看出vscode的優(yōu)點(diǎn)培廓,對(duì),就是插件多春叫,有很多輔助開發(fā)插件可以用肩钠,加上流暢度比微信開發(fā)者工具好很多泣港,所以很多前端大佬轉(zhuǎn)小程序都選擇vscode。
說完優(yōu)點(diǎn)价匠,缺點(diǎn)是什么当纱?有兩點(diǎn),一個(gè)是不能預(yù)覽踩窖,二個(gè)是無法調(diào)試坡氯。所以在日常開發(fā)中一般都是用vscode開發(fā),開發(fā)者工具負(fù)責(zé)預(yù)覽和調(diào)試洋腮。
安裝和切換中文
1箫柳、安裝
下載對(duì)應(yīng)的安裝包:官方下載地址
2、設(shè)置中文
- 打開vscode
- 按快捷鍵“Ctrl+Shift+P”
- 在“vscode”頂部會(huì)出現(xiàn)一個(gè)搜索框
- 輸入“configure language”啥供,然后回車
- “vscode”里面就會(huì)打開一個(gè)語言配置文件
- 將“en-us”修改成“zh-cn”
- 按“Ctrl+S”保存設(shè)置
- 重啟vscode
微信小程序輔助開發(fā)工具介紹
1悯恍、minapp
- 微信小程序標(biāo)簽、屬性的智能補(bǔ)全(同時(shí)支持原生小程序伙狐、mpvue 和 wepy 框架涮毫,并提供 snippets)
- 需要輸入<才會(huì)觸發(fā)標(biāo)簽補(bǔ)全
- 輸入空格會(huì)觸發(fā)對(duì)應(yīng)標(biāo)簽的屬性補(bǔ)全
2、wechat-snippet
- 微信小程序代碼輔助,代碼片段自動(dòng)完成
3贷屎、wxapp-helper
- 選擇創(chuàng)建wx組件罢防,自動(dòng)生成配套的文件,簡(jiǎn)直不要太爽
4豫尽、wxml
- 微信小程序wxml格式化以及高亮組件(高度自定義)
5篙梢、vscode-icons
- 是個(gè)圖標(biāo)插件,和寫代碼沒有關(guān)系美旧,它是vscode中常用的插件之一渤滞,可以將項(xiàng)目中不同類型的文件或文件夾通過圖標(biāo)區(qū)分出來,一目了然
- 安裝完成后榴嗅,文件-->首選項(xiàng)-->文件圖標(biāo)主題