uni-app項目搭建


簡介:uni-app 是一個用 vue 語法來開發小程序、App、H5 的框架,官方推薦的開發工具為 HBuilderX,使用起來有很好的開發體驗。

不過,由於 HBuilderX 沒有 Linux 版以及很多前端之前已經習慣了 vscode,不想更換編輯器。直接使用 vscode 開發 uni-app,其體驗並不是很好。

其實 uni-app 和 vscode 也可以很搭,接下來為大伙帶來 vscode 中 uni-app 的正確打開姿勢。

CLI 工程

全局安裝 vue-cli 3.x(如已安裝請跳過此步驟)
npm install -g @vue/cli
通過 CLI 創建 uni-app 項目
vue create -p dcloudio/uni-preset-vue my-project

安裝sass 依賴

npm install sass-loader node-sass

運行npm run xxx

 

 下面命令是打開微信小程序

npm run dev:mp-weixin

打開微信開發者工具就顯示下圖說明環境搭建成功了

 


免責聲明!

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



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