簡介: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
打開微信開發者工具就顯示下圖說明環境搭建成功了