使用vue-cli搭建uni-app小程序

  1. 首先是安装vue-cli脚手架: npm install -g @vue/cli,可能会出现报错的问题,我安装时报c盘下面的有几个文件的错误,百度了一下,找到这3个文件,然后删除掉,然后再安装,发现还是报错,就是要用管理员权限打开再安装,可能会报:

    vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本,这样的问题,需要使用管理员权限打开,然后输入下面的指令:set-ExecutionPolicy RemoteSigned

  2. 然后去你要创建的文件夹下面:shift+鼠标右键,打开powerShell,再输入 npm install -g @vue/cli 就会安装成功了
  3. 输入 vue create -p dcloudio/uni-preset-vue + 项目名,然后回车
  4. 出现选择项目的模板,没有特定的,就回车默认就好
  5. 这样一个基本的使用vue-cli搭建的uni-app 的项目就基本搭建好了,然后根据需要安装对应的插件,我的项目里面使用的是 u-view 在hbuilderX控制台里面 输入npm inatall uview-ui
  6. 如果有报错的基本上都是版本的问题,自己慢慢调整版本吧
  7. 如果确定版本调整完毕,没有问题但是运行到微信开发者工具时候,有报错信息,就是本地设置的问题,取消一些勾选就好

总结:创建过程比较麻烦,我是在大神的指导和讲解下完成的,还是需要自己多熟练,有报错,一百度就行,基本你遇见的报错,很多人都有遇见

posted @ 2021-07-23 11:31  温柔本肉  阅读(1059)  评论(0编辑  收藏  举报