目录
创建uniapp项目主要有两种方式(1)一是用HbuilderX直接创建原生的(HbuilderX写 +模拟器自启动显示), (2)另一种就是用命令行创建,(VSCode写+模拟器导入显示)
一、下载HbuilderX(方式一)
就直接在应用商店下载就好了,
二、创建项目
就是点击左上角的绿色的添加按钮,然后选项目后如图

取个名字直接创建就好
三、运行项目
(1)运行到微信开发者工具

此时会报错没有下载这个微信开发者工具
要去下载这个工具
然后下载好后在HbuilderX里点击工具设置,出现这个小程序运行设置,将微信开发者工具的下载路径放在这里

此时在运行到开发者工具就能自动打开开发者工具了
建议把自动保存打开

(2)运行到浏览器
先配置浏览器地址

之后就是运行到浏览器

至此uniapp项目用Hbuilder运行就可以了
四、用VSCode开发uniapp
先在vscode上下载这几个插件

然后命令行输入一下命令创建vue+ts+vite的uniapp
javascript
npx degit dcloudio/uni-preset-vue#vite-ts my-project
然后就可以用vscode打开这个创建的项目,然后用pnpm初始化,然后pnpm dev:mp-weixin来运行
然后再在微信开发者工具中导入这个运行后生成的dist/dev/mp-weixin