使用 vscode 構建 uniapp 項目

1. 全局安裝vue-cli

npm install -g @vue/cli

2. 通過vue-cli創建uniapp項目

# my-project為項目名稱
vue create -p dcloudio/uni-preset-vue my-project

項目創建過程中，會提示選擇模板，選擇默認模板即可

3. 安裝語法提示

1. vscode插件商店中搜索並安裝vue語法提示插件vetur
2. 安裝uniapp框架提供的組件語法提示

# 安裝uniapp框架提供的組件語法提示
npm i @dcloudio/uni-helper-json

4. 導入hbuildx自帶的代碼塊

從 github 下載 uni-app 代碼塊，放到項目目錄下的 .vscode 目錄即可擁有和 HBuilderX 一樣的代碼塊

5. 運行發布項目

# 運行項目
npm run dev:%PLATFORM%

# npm run serve指令實際執行的是npm run dev:h5，即將項目運行至瀏覽器
npm run serve

# 發布項目
npm run build:%PLATFORM%

%PLATFORM% 可取值如下：

值	平台
h5	H5
mp-alipay	支付寶小程序
mp-baidu	百度小程序
mp-weixin	微信小程序
mp-toutiao	頭條小程序
mp-qq	qq小程序

參考文檔:
uniapp 官方說明