如何将VSCode配置为uni-app开发环境?

2026-04-01 16:390阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

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

如何将VSCode配置为uni-app开发环境?

C. 使用vue-cli全局安装,通过cli创建uni-app项目:bashvue-cli global install -g @vue/clivue create -p dcloudio/uni-preset-vue uni-app选择项目模板,可自由选择如下图示:使用VSCode打开创建的项目安装Vue语法提示插件

CLI工程全局安装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 一样的代码块。

阅读全文

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

如何将VSCode配置为uni-app开发环境?

C. 使用vue-cli全局安装,通过cli创建uni-app项目:bashvue-cli global install -g @vue/clivue create -p dcloudio/uni-preset-vue uni-app选择项目模板,可自由选择如下图示:使用VSCode打开创建的项目安装Vue语法提示插件

CLI工程全局安装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 一样的代码块。

阅读全文