使用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. 如果確定版本調整完畢,沒有問題但是運行到微信開發者工具時候,有報錯信息,就是本地設置的問題,取消一些勾選就好

總結:創建過程比較麻煩,我是在大神的指導和講解下完成的,還是需要自己多熟練,有報錯,一百度就行,基本你遇見的報錯,很多人都有遇見


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM