如何使用webstorm作为开发工具开发uniapp微信小程序
- 参考官方文档cli运行代码部分:
https://uniapp.dcloud.net.cn/quickstart-cli.html - 我选择vue3+TS运行一下给的代码
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
解释一下这句代码,这句代码使用了 npx 和 degit 工具来下载一个名为 "uni-preset-vue" 的 Vue.js 模板,并将其应用于一个新项目 "my-vue3-project" 中。
具体来说: npx 是一个命令行工具,用于执行安装在 npm registry 上的 Node.js 包。 degit 是一个工具,用于从 Git 存储库中提取文件,它可以将远程存储库中的文件复制到本地目录中。 dcloudio/uni-preset-vue#vite-ts 是一个 GitHub 存储库的名称,其提供了一个 Vue.js 模板,用于构建基于 Vue.js 的项目。 my-vue3-project 是一个新项目的名称,它将应用于从 "uni-preset-vue" 模板中提取的文件中。 总之,这行代码的作用是将 "uni-preset-vue" 模板的代码复制到本地计算机上的 "my-vue3-project" 目录中,以便您可以使用该模板来快速构建一个新的 Vue.js 项目。
- 我运行失败了,后来通过命令行fq才解决
然后webstorm打开
- 运行小程序的命令,
yarn run uni -p mp-weixin - 然后打开Hbuilder 加载一下项目,运行一下小程序,能在小程序开发工具打开就行
- 然后就可以关掉Hbuilder, 如果只开发前端的话就可以结束了
- 如果要开发云开发,必须使用hbuilder运行到小程序才可以