前言:最近在调研开发小程序,发现现在taro框架逐渐成熟,能完美地使用vue3来进行开发,调研中发现京东的Nutui也不错所以准备写一个由0到1的vue3+taro+Nutui的小程序。
这篇我们首先搭建一个框架:
vscode插件准备环节:
目前我用到的插件如下:
- Eslint 用来vue格式化代码的
- Prettier 用来格式化js代码
- Volar 作为vue的二代插件,集成了
vetur
的相关功能 - Unocss 用来原子化快速生成css
初始化项目
初始化项目之前,需安装 taro,请参考 Taro 文档,完成 taro 安装
使用命令创建模板项目:
taro init myApp
安装 cli 用来执行构建等操作,之后启动项目,会生成一个 dist 目录
npm install @tarojs/cli
npm dev:weapp
打开微信开发工具 工程目录需要指向构建出来的 dist 文件
这样我们就可以看到初始化的小程序了