如何通过VSCode设置uni-app开发环境？

本文共计418个文字，预计阅读时间需要2分钟。

C. 使用vue-cli全局安装，通过cli创建uni-app项目，选择项目模板，可自由选择如下模板：+ 使用vscode打开创建的项目 + 安装vue语法提示插件

CＬＩ工程全局安装vue-cli

npm install -g @vue/cli

通过cli创建uni-app项目

vue create -p dcloudio/uni-preset-vue uni-app

选择项目模板，可自由选择如下图：👇

使用vscode打开创建的项目

安装vue语法提示插件👇

cli工程自带uni-app&5+app语法提示

安装组件语法提示

npm i @dcloudio/uni-helper-json

从 git 下载 uni-app 代码块，放到项目目录下的 .vscode 目录即可拥有和 HBuilderX 一样的代码块。