在习惯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项目查看结果如下:
vue2查看结果如下: