WWW.lllT.neT

vscode能用uni-app,具体做法:1、安装vue英语的语法提醒软件vetur;2、实行“npm i @dcloudio/uni-helper-json”指令组装部件英语的语法提醒;3、在线下载并导进HBuilderX内置的uni-app编码就可以。

vscode能用uni

本实例教程实际操作自然环境:windows7系统软件、Visual Studio Code1.45.1.0版,DELL G3电脑上。

uni-app 是一个用 vue 英语的语法来开发小程序、App、H5 的架构,官方网介绍的开发环境为 HBuilderX,应用的时候有有效的研发感受。

但是,因为 HBuilderX 沒有 Linux 版及其许多前面以前早已习惯 vscode,不愿拆换编辑软件。立即应用 vscode 开发设计 uni-app,其感受并没有非常好。

实际上 uni-app 和 vscode 还可以很搭,下面为大家产生 vscode 中 uni-app 的准确开启姿态。

CLI 工程项目

全局性组装 vue-cli 3.x(如已组装请绕过此流程)

npm install -g @vue/cli

根据 CLI 建立 uni-app 新项目

vue create -p dcloudio/uni-preset-vue my-project

这时,会提醒挑选新项目模版,首次感受提议挑选 hello uni-app 新项目模版,如下所示所显示:

vscode能用uni

在vscode中开启新项目

vscode能用uni

安装vue英语的语法提醒软件vetur

vscode能用uni

CLI 工程项目默认设置带了uni-app英语的语法提醒和5 App英语的语法提醒

vscode能用uni

vscode能用uni

组装部件英语的语法提醒

部件英语的语法提醒是uni-app的闪光点,别的架构非常少能给予。

npm i @dcloudio/uni-helper-json

vscode能用uni

vscode能用uni

导进 HBuilderX 内置的代码块

从 github 在线下载 uni-app 代码块,放进新项目文件目录下的 .vscode 文件目录就可以有着和 HBuilderX 一样的代码块。

vscode能用uni

vscode能用uni

vscode能用uni

运作新项目

npm run dev:%PLATFORM%

公布新项目

npm run build:%PLATFORM%

%PLATFORM% 可选值如下所示:

服务平台
h5H5
mp-alipay支付宝钱包微信小程序
mp-baidu微信开发平台
mp-weixin小程序
mp-toutiao头条小程序
mp-qqqq 微信小程序

CLI 方法参照文本文档

HBuilderX 工程项目

HBuilderX 建立的工程项目默认设置没有 types 英语的语法提醒,在 vscode 中编缉的情况下,可以自主组装

复位npm(如已复位绕过此流程)

npm init -y

组装 uni-app 英语的语法提醒

npm i @types/uni-app @types/html5plus -D

此外,uni-app 新项目下的 manifest.json、pages.json 等文档可以包括注解。vscode 里必须改成 jsonc 编辑软件开启。

vscode能用uni

有关uni-app软件销售市场的软件,vscode一样可以应用。

  • 假如这种软件有npm应用方法(如uni-ui),可以用npm
  • 假如创作者没给予npm方法,那麼在线下载zip包缓解压力也是可以用的

vscode能用uni

vscode能用uni

vscode能用uni

vscode能用uni

vscode能用uni

【相关信息:《uniapp教程》、《vscode教程》】

以上便是vscode能用uni-app吗的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:vscode能用uni发布于2021-12-07 10:36:01