uniapp商城项目之创建启动（一）
文章目录
- 前言
- 一、创建uni-app项目
-
- 1.通过HBuilderX创建
- 2.通过命令行创建
- 二、用VSCode开发uni-app
-
- 1.安装uni-app插件
- 2. 添加ts类型校验
- 三、安装uni-app组件
- 四、报错解决
-
- 1.Cannot find name 'defineProps'.Vetur(2304)
- 2.Cannot find module 'vue'.
- 3. Vue3引入组件报错：XXX has no default export
前言
uniapp的商城项目，涉及vue3技术
一、创建uni-app项目
1.通过HBuilderX创建
安装HBuilder，新建vue3的uni-app，要想在微信开发者工具里使用，需要安装插件uni-app（vue3）编译器，随后运行到微信开发者工具，初次使用需要配置微信开发者工具的安装路径，若报错需打开开发者工具的服务端口
运行到微信开发者工具，会多出来一个unpackage文件夹，若不从H5启动，直接导入微信开发者工具目录为unpackage—dist—dev—mp-weixin
若想在手机上模拟，微信开发者工具预览（灰色状态，需要在manifest.json填写微信小程序AppID）
2.通过命令行创建
vue3+ts版：npx degit dcloudio/uni-preset-vue#vite-ts 项目名称
在 manifest.json添加appid，pnpm install,pnpm dev:mp-weixin,最后导入微信开发者工具
如果下载失败，例如出现以下问题
uniapp官网里有解决方法，uniapp官网链接：