uniapp上手

543 阅读1分钟

在习惯vue通过cli方式安装项目,在了解到uniapp可以通过HBuilder点击项目通过视图模版uni-ui模版创建uniapp项目,然后通过HBUilder运行项目,这种方式一时有点难以习惯,那我们这边还是通过cli的方式来创建uni-app项目吧!

通过cli方式创建uniapp项目(Vue3+vite+ts)

1.环境安装-全局安装 vue-cli

npm install -g @vue/cli

2.创建uni-app

  • vue3+ts创建uniapp

npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
  • vue2+js创建uniapp(vue2可以选择模版)

npx degit dcloudio/uni-preset-vue#vite my-vue3-project

好了,我在安装uniapp我们如何确认是vue2项目还是Vue3项目呢,我们可以通过以下命令实现:

npm list vue

vue3项目查看结果如下:

image.png

vue2查看结果如下:

image.png