小程序項(xiàng)目HbuilderX轉(zhuǎn)移到vscode開發(fā)步驟
步驟總覽
一、安裝一個腳手架版本vue-cli@4，注意是@4版本的
npm install -g @vue/cli@4
二、在vue中創(chuàng)建一個uniapp項(xiàng)目，因?yàn)檫@個包是在GitHub上的，所以可能會導(dǎo)致下載失敗
下載后的是uniapp的源碼和一些vue的代碼
vue create -p dcloudio/uni-preset-vue uniapp-testDemo(最后這個是項(xiàng)目的名稱)
三、完成上面項(xiàng)目后就是一個簡單的uniapp框架，可以直接運(yùn)行，此時還需要安裝一些必要的樣式包 sass或者less等等
yarn add sass sass-loader npm i sass sass-loader
四、把HbuilderX的文件移動到vue-cli的src目錄下
五、移動項(xiàng)目完成后，用命令啟動
yran dev:mp-weixin
六、啟動項(xiàng)目在微信開發(fā)者工具
第五步時已經(jīng)運(yùn)行打包了，所以我們只要需要把dist–dev–mp-weixin 這個路徑在微信開發(fā)者工具打開即可
細(xì)節(jié)：
一、用yarn下載包時，先確定是否安裝了yarn，前提是要有yarn才可以進(jìn)行yarn的指令進(jìn)行操作
二、如果出現(xiàn)scss報(bào)錯，可進(jìn)行scss的版本降級
三、因?yàn)槭前製niapp在vscode開發(fā)，所以vscode是沒有微信開發(fā)者工具那些api提示的，所以需要在vscode安裝 微信開發(fā)者工具，和一些代碼的提示插件
四、json文件注釋的問題，通常情況下json文件是不允許注釋的，否則就會報(bào)錯，但是我們一定要注釋的話怎么辦呢？這時候就需要用到 JSON with Comments
五、git管理的工具，可以查看提交，切換分支，切換倉庫地址等等，比較方便
Y9DQD-1658732908666)]文章來源：http://www.zghlxwxcb.cn/news/detail-578091.html
五、git管理的工具，可以查看提交，切換分支，切換倉庫地址等等，比較方便
文章來源地址http://www.zghlxwxcb.cn/news/detail-578091.html
到了這里，關(guān)于小程序項(xiàng)目從Hbuilder轉(zhuǎn)移到vscode步驟的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
