美文网首页
VScode 创建uni-app项目

VScode 创建uni-app项目

作者: 我还是一个程序猿 | 来源:发表于2021-11-18 09:53 被阅读0次

环境安装:

安装vue (已安装vue忽略)

npm install -g @vue/cli

这里以vue3为背景

创建uni-app:

第一步 使用命令创建app

vue create -p dcloudio/uni-preset-vue 项目名称

第二步 选择模板

image.png

这里可以根据需求选择自己的模板
参考官方文档: https://uniapp.dcloud.io/quickstart-cli

然后用VScode打开

image.png

第三步 安装 Vetur

image.png

其他安装脚本语言的可以按照自己的需求

最后运行uni-app 程序 这里以运行H5为例

npm run dev:h5

相关文章

  • VScode 创建uni-app项目

    环境安装: 安装vue (已安装vue忽略) 这里以vue3为背景 创建uni-app: 第一步 使用命令创建ap...

  • 搭建 uni-app ts 项目

    本文介绍一下如何使用搭建 typeScript uni-app 项目。注意,本文使用vue-cli在 VSCode...

  • VSCode创建项目

    第一阶段 虽然网上教程很多,但是还是记录一次完整的步骤 1.安装nodejs,网上一堆的教程,基本上下载后傻瓜式一...

  • Vue开发总结 及 一些最佳实践 (已更新)

    基本开发环境 vue-cli3 创建的项目,vscode 作为代码编写工具vscode插件推荐:vscode 插件...

  • vscode开发小程序,如何与小程序开发工具同步代码

    一、首页可以用小程序开发工具先创建好项目,或者是用vscode去创建也可 二、用vscode打开创建好的项目 三、...

  • 快速的创建flutter项目

    1.命令行创建flutter项目 2.VSCode创建flutter项目 3.andried Studio 创建f...

  • python 杂七杂八

    :vscode 创建python项目 创建一个文件夹,可以用finder也可以终端,然后用vscode打开 配置p...

  • uni-app

    HelloWorld 创建uni-app 工具栏 -> 文件 -> 新建 -> 项目: 配置Android真机运行...

  • 2020-08-18

    Flutter创建项目时指定iOS、Android的开发语言 在VSCode中创建的项目默认iOS是swift a...

  • vscode创建flutter项目

    记录flutter创建运行过程的问题及解决方法 创建flutter项目 运行flutter项目 报错信息及解决 启动成功

网友评论

      本文标题:VScode 创建uni-app项目

      本文链接:https://www.haomeiwen.com/subject/znddtrtx.html