創(chuàng)建項(xiàng)目
uniapp官方文檔
1政溃、npm install -g @vue/cli
2、vue create -p dcloudio/uni-preset-vue my-project
3、此時炸茧,會提示選擇項(xiàng)目模板镇眷,初次體驗(yàn)建議選擇 hello uni-app
項(xiàng)目模板仲锄,如下所示:
image
4观游、
npm install
5稽屏、
npm run dev:mp-weixin
vscode插件
uniapp-snippet (uniapp 代碼片段提示)
image.png
導(dǎo)入 HBuilderX 自帶的代碼塊
從github上下載 uni-app 代碼塊奖慌,放到項(xiàng)目的.vscode目錄下
image.png
然后基本上就可以舒舒服服地在Vscode上開發(fā)uniapp啦抛虫,不用拋棄我們可愛的Vscode啦~
項(xiàng)目的格式化與eslint配置請
vue項(xiàng)目的格式化配置 prettier+eslint