vue3+taro+Nutui 开发小程序(一)

前言:最近在调研开发小程序,发现现在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 文件

这样我们就可以看到初始化的小程序了

猜你喜欢

转载自blog.csdn.net/yinzisang/article/details/131836660