使用uni-app+u-View進行環境搭建

1. 第一步：打開HBuilderX，如下圖所示：
   1. 

       

       

2. 第二步：出現新建項目彈窗
   1. 

       

       

3. 第三步：沒有安裝插件的記得安裝一下：點擊——工具——插件安裝：看一下有沒有安裝，沒有就去插件市場
   1.  
4. 第四步：下載u-View：地址：https://ext.dcloud.net.cn/plugin?id=1593，解壓，復制到你創建的項目根目錄，不止這一種方法，可以自行去它的官網進行選擇

　　　　　　

1. 1. 　　

 

　　  5. 第五步： 配置u-View：打開main.js文件，引入u-Vie的JS庫，看到別的博主說要放在第一行Vue的后面，我試了一下把uView放在第一行發現，編譯也沒有報錯，項目運行展示也沒有出現錯誤，雖然這么說，但是還是建議大家都放在Vue的后面，不然可能會對某些代碼產生一定的影響

　　　　　　1.　　

 

　　　　6. 第六步：引入全局的scss，在目錄里找到並打開uni.scss 文件

　　　　　　1.　　

 

　　

　　　　 7. 第七步：引入u-View基礎樣式，在App.vue文件中，一定要寫在style的第一行，並且在每一個頁面的style中，都寫上  lang="scss"，就可以啦

　　　　　　1.　　

 

 

 　　　　

　　　　 8. 第八步：配置easycom組件模式，注意：uni-app為了調試性能，修改了easycom不會立即生效，需要配置完成后 ，重新打開一下HBuilderX，才能正常使用

　　　　　　1.　　

 

 

 　　　　總結：以上8步基本就完成了使用uni-app+u-View進行環境搭建的整個流程，全部都是截圖，建議寫一遍加深記憶，u-View的官網，更加詳細：　　

　　　　https://uviewui.com/components/downloadSetting.html

　　　　這是自己嘗試搭建的，寫的不好的地方請見諒。