,uni-app 是公司常用的一个框架，随着 vue3 的普及，好多公司的项目都已经开始使用 vue3 + uni-app + vite 开发项目，顺手记录和分享一下我在这过程中遇到的问题。,npm 都很熟，可是与 npm 如此相似的 npx 是干嘛的呢？我们为甚要介绍 npx ?,由于 uni-app 官方提供创建命令使用的是 npx，所以我们先来了解下 npx 是干什么的？它与 npm 的区别。,npx 是 npm 的高级版本，它从 npm v5.2 版本开始引入的，与 npm 绑定在一起，无需额外安装，具有更大的功能。npx 是 npm exec 的别名，如果没有时，可以手动：npm install -g npx 进行安装。,区别：,1、创建 js 开发的项目：,执行命令后会自动创建项目，然后执行：,执行：,依赖下载完成之后，就可以使用命令：,启动网页服务。至此，项目就创建完成，并可进行预览：,
,2、创建以 typeScript 开发的项目。,创建命令：,回车开始创建的时候会报错：could not fetch remote
https://github.com/dcloudio/uni-prset-vue，由于网络或者域名拦截引起的错误。,可以直接打开 github 地址：https://github.com/dcloudio/uni-preset-vue。,或者 gitee 下载地址：https://gitee.com/dcloud/uni-preset-vue/repository/archive/vite-ts.zip。,下载 zip 压缩包。,解压之后，运行：,安装依赖完成之后，可以使用：,就可以正常运行项目了。,如果不熟悉 uni-app 项目的同学，可以自己在官网看看它的运行命令都有哪些以及它们的意义。,
,官方创建文档地址：,https://uniapp.dcloud.io/quickstart-cli.html#%E5%88%9B%E5%BB%BAuni-app。,以 uni-app + vue3 + vite + ts 项目为例，项目结构目录如图：,
,src 存放开发资源文件，基本要做的事情都在这个目录内，里面又包含了几个目录文件：
© 版权声明
文章版权归作者所有，未经允许请勿转载。
">