前言:最近在調(diào)研開發(fā)小程序,發(fā)現(xiàn)現(xiàn)在taro框架逐漸成熟,能完美地使用vue3來進行開發(fā),調(diào)研中發(fā)現(xiàn)京東的Nutui也不錯所以準備寫一個由0到1的vue3+taro+Nutui的小程序。
這篇我們首先搭建一個框架:
vscode插件準備環(huán)節(jié):
目前我用到的插件如下:
- Eslint? ?用來vue格式化代碼的
- Prettier 用來格式化js代碼
- Volar? ?作為vue的二代插件,集成了
vetur
的相關(guān)功能 - Unocss 用來原子化快速生成css
初始化項目
初始化項目之前,需安裝 taro,請參考?Taro 文檔,完成 taro 安裝
使用命令創(chuàng)建模板項目:
taro init myApp
?安裝 cli 用來執(zhí)行構(gòu)建等操作,之后啟動項目,會生成一個 dist 目錄
npm install @tarojs/cli
npm dev:weapp
打開微信開發(fā)工具 工程目錄需要指向構(gòu)建出來的 dist 文件文章來源:http://www.zghlxwxcb.cn/news/detail-714169.html
這樣我們就可以看到初始化的小程序了文章來源地址http://www.zghlxwxcb.cn/news/detail-714169.html
到了這里,關(guān)于vue3+taro+Nutui 開發(fā)小程序(一)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!